Syafrizal_Wd_Mahendra
/
TIFNGK_E41222719
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: change progress bar layout & hide analysis button

This commit is contained in:
Mahen 2026-03-20 17:06:54 +07:00
parent fee2c94f78
commit 7cc79f31c3
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/dashboards/AnalysisClient.tsx
View File

@ -19,7 +19,7 @@ export default function AnalysisClient() {
handleSubmit, handleSubmit,
onSubmit, onSubmit,
setShowField, setShowField,
handleCancel handleCancel,
} = useAnalyseText(); } = useAnalyseText();
return ( return (
@ -169,14 +169,14 @@ export default function AnalysisClient() {
</div> </div>
{loading && ( {loading && (
<div className="mt-8 p-4 border rounded-lg bg-transparent"> <div className="mt-4 bg-transparent">
<div className="flex justify-between mb-2"> <div className="flex justify-between mb-2">
<span className="text-sm font-medium">{progress.status}</span> <span className="text-sm font-medium">{progress.status}</span>
<span className="text-sm font-medium">{progress.percent}%</span> <span className="text-sm font-medium">{progress.percent}%</span>
</div> </div>
<div className="w-full bg-gray-200 rounded-full h-2.5"> <div className="w-full bg-gray-200 rounded-full h-2.5">
<div <div
className="bg-blue-600 h-2.5 rounded-full transition-all duration-500" className="bg-primary h-2.5 rounded-full transition-all duration-500"
style={{ width: `${progress.percent}%` }} style={{ width: `${progress.percent}%` }}
></div> ></div>
</div> </div>
@ -197,7 +197,7 @@ export default function AnalysisClient() {
)} )}
<Button <Button
type="submit" type="submit"
disabled={!isValid || loading} hidden={loading}
className="w-full md:w-max bg-primary text-white px-6 py-3 mt-6 rounded-md transition-colors disabled:bg-gray-400" className="w-full md:w-max bg-primary text-white px-6 py-3 mt-6 rounded-md transition-colors disabled:bg-gray-400"
> >
<Sparkles className="h-4 w-4" /> <Sparkles className="h-4 w-4" />