FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 23:46:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web/progress): hide progress bar if not visible

Browse Source
This commit is contained in:
Luke
2022-12-21 15:00:22 +01:00
parent 102d58cbb1
commit f8f81db3eb
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/features/progress/Progressbar.tsx
View File

@@ -66,18 +66,20 @@ const Progressbar: React.FC = () => {
return ( return (
<> <>
<Box className={classes.container}> {visible && (
<Box <Box className={classes.container}>
className={classes.bar} <Box
onAnimationEnd={progressComplete} className={classes.bar}
sx={{ onAnimationEnd={progressComplete}
width: '0%', sx={{
animation: 'progress-bar linear', width: '0%',
animationDuration: `${duration}ms`, animation: 'progress-bar linear',
}} animationDuration: `${duration}ms`,
/> }}
<Text className={classes.label}>{label}</Text> />
</Box> <Text className={classes.label}>{label}</Text>
</Box>
)}
</> </>
); );
}; };