Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loader bar stopping model

Browse Source
This commit is contained in:
Faisal Amir 2024-01-22 10:55:24 +07:00
parent a50ea4a634
commit 858ec68d60
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/containers/Loader/ModelStart.tsx
View File

@ -8,7 +8,7 @@ export default function ModelStart() {
// This is fake loader please fix this when we have realtime percentage when load model // This is fake loader please fix this when we have realtime percentage when load model
useEffect(() => { useEffect(() => {
if (stateModel.loading && stateModel.state === 'start') { if (stateModel.loading) {
if (loader === 24) { if (loader === 24) {
setTimeout(() => { setTimeout(() => {
setLoader(loader + 1) setLoader(loader + 1)
@ -29,6 +29,7 @@ export default function ModelStart() {
} else { } else {
setLoader(0) setLoader(0)
} }
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [stateModel.loading, loader]) }, [stateModel.loading, loader])
if (!stateModel.loading) return null if (!stateModel.loading) return null
@ -40,7 +41,11 @@ export default function ModelStart() {
className="absolute left-0 top-0 h-full bg-blue-200" className="absolute left-0 top-0 h-full bg-blue-200"
style={{ width: `${loader}%` }} style={{ width: `${loader}%` }}
/> />
<span className="relative z-10">Starting model {stateModel.model}</span> <span className="relative z-10">
{stateModel.state === 'start' ? 'Starting' : 'Stopping'}
&nbsp;model&nbsp;
{stateModel.model}
</span>
</div> </div>
</div> </div>
) )