From df0750759f7b4659ad6c2a9be4d2888a1e6f2dab Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sun, 29 May 2022 15:26:25 +0200
Subject: [PATCH] fix(web/circleprogress): remove transition

Same as the progress bar, it was causing issues with rerendering when triggering fast
---
 web/src/features/progress/CircleProgressbar.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

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