From abd3bce662ed1839723d8b73745730dd14aa1984 Mon Sep 17 00:00:00 2001
From: Vincent Raveneau <vincent.raveneau@epitech.eu>
Date: Fri, 30 Jun 2023 21:34:30 +0200
Subject: [PATCH] [DEV]: ProgressBar props naming, and destructuration,
 function typing

---
 src/ProgressBar.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/ProgressBar.tsx b/src/ProgressBar.tsx
index 1d13f05..862df9a 100644
--- a/src/ProgressBar.tsx
+++ b/src/ProgressBar.tsx
@@ -22,7 +22,7 @@ const styles = {
   } as CSSProperties,
 };
 
-interface Props {
+interface IProgressBarProps {
   style?: any;
   className?: string;
   percentage: number;
@@ -30,21 +30,21 @@ interface Props {
   isButton?: boolean;
 }
 
-export default function ProgressBar(props: Props) {
-  const { style, className, display } = props;
-  const [percentage, setPercentage] = useState(0);
+export default function ProgressBar({ style, className, percentage, display, isButton }: IProgressBarProps): React.ReactElement {
+  const [displayPercentage, setDisplayPercentage] = useState<number>(0);
 
   useEffect(() => {
-    setPercentage(props.percentage);
-  }, [props.percentage]);
+    setDisplayPercentage(percentage);
+  }, [percentage]);
 
   return (
     <span
       style={Object.assign({}, styles.progressBar, styles.fill, style, {
-        width: `${percentage}%`,
+        width: `${displayPercentage}%`,
         display,
       })}
       className={className}
     />
   );
 }
+