FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-19 07:56:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(web/circleprogress): remove transition

Browse Source 
Same as the progress bar, it was causing issues with rerendering when triggering fast
This commit is contained in:
Luke
2022-05-29 15:26:25 +02:00
parent 6194b2cc2c
commit df0750759f
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/features/progress/CircleProgressbar.tsx
View File

@@ -3,7 +3,6 @@ import {
CircularProgress, CircularProgress,
CircularProgressLabel, CircularProgressLabel,
Flex, Flex,
ScaleFade,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useNuiEvent } from "../../hooks/useNuiEvent"; import { useNuiEvent } from "../../hooks/useNuiEvent";
import { debugData } from "../../utils/debugData"; import { debugData } from "../../utils/debugData";
@@ -72,7 +71,7 @@ const CircleProgressbar: React.FC = () => {
justifyContent="center" justifyContent="center"
alignItems="center" alignItems="center"
> >
<ScaleFade in={visible} unmountOnExit> {visible && (
<CircularProgress <CircularProgress
value={value} value={value}
size="5rem" size="5rem"
@@ -102,7 +101,7 @@ const CircleProgressbar: React.FC = () => {
{value}% {value}%
</CircularProgressLabel> </CircularProgressLabel>
</CircularProgress> </CircularProgress>
</ScaleFade> )}
</Flex> </Flex>
); );
}; };