fix(client): thunder styled-component isLarge prop

Jozwiaczek · Nov 4, 2021 · ee87f2f · ee87f2f
1 parent 007628b
commit ee87f2f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/client/src/elements/animations/CircleLoader/CircleLoader.styled.ts b/packages/client/src/elements/animations/CircleLoader/CircleLoader.styled.ts
@@ -50,9 +50,9 @@ export const ContentWrapper = styled.div`
 `;
 
 export const Thunder = styled(ThunderIcon)<ThunderProps>(
-  ({ isLarge }) => css`
-    width: ${isLarge ? 106 : 52}px;
-    height: ${isLarge ? 64 : 32}px;
+  ({ $isLarge }) => css`
+    width: ${$isLarge ? 106 : 52}px;
+    height: ${$isLarge ? 64 : 32}px;
   `,
 );
 

diff --git a/packages/client/src/elements/animations/CircleLoader/CircleLoader.types.d.ts b/packages/client/src/elements/animations/CircleLoader/CircleLoader.types.d.ts
@@ -8,5 +8,5 @@ interface CircleLoaderProps {
 }
 
 interface ThunderProps {
-  isLarge: boolean;
+  $isLarge: boolean;
 }
diff --git a/packages/client/src/elements/animations/CircleLoader/index.tsx b/packages/client/src/elements/animations/CircleLoader/index.tsx
@@ -20,7 +20,7 @@ const CircleLoader = ({ variant, label }: CircleLoaderProps) => {
       <BackgroundCircle size={size} />
       <Indicator size={size} />
       <ContentWrapper>
-        <Thunder isLarge={isLarge} />
+        <Thunder $isLarge={isLarge} />
         {isLarge && label && <Label>{t(label)}</Label>}
       </ContentWrapper>
     </Wrapper>