fix progressbar prop naming

calblueprint · Dec 23, 2024 · 888d625 · 888d625
1 parent 546451e
commit 888d625
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/app/onboarding/page.tsx b/app/onboarding/page.tsx
@@ -147,7 +147,7 @@ const ReviewPage = ({
             $color={COLORS.shrub}
             style={{
               textAlign: 'center',
-              marginTop: '90px',
+              marginTop: '40px',
               marginBottom: '40px',
             }}
           >

diff --git a/components/ProgressBar/index.tsx b/components/ProgressBar/index.tsx
@@ -3,7 +3,7 @@ import { BackgroundDiv, ProgressDiv } from './styles';
 export default function ProgressBar({ progress }: { progress: number }) {
   return (
     <BackgroundDiv>
-      <ProgressDiv width={progress} />
+      <ProgressDiv $width={progress} />
     </BackgroundDiv>
   );
 }
diff --git a/components/ProgressBar/styles.ts b/components/ProgressBar/styles.ts
@@ -8,8 +8,8 @@ export const BackgroundDiv = styled.div`
   position: relative;
 `;
 
-export const ProgressDiv = styled.div<{ width: number }>`
-  width: ${props => props.width}%;
+export const ProgressDiv = styled.div<{ $width: number }>`
+  width: ${({ $width }) => $width}%;
   height: 0.375rem;
   border-radius: 3px;
   background-color: ${COLORS.shrub};