refactor(RouteLink): use transient props for isMobile

kronostechnologies · May 10, 2021 · 8667e0a · 8667e0a
1 parent 3792d63
commit 8667e0a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/react/src/components/route-link/route-link.tsx b/packages/react/src/components/route-link/route-link.tsx
@@ -6,9 +6,9 @@ import { Icon, IconName } from '../icon/icon';
 import { StyledLink } from './styles/styled-link';
 import { useDeviceContext } from '../device-context-provider/device-context-provider';
 
-const Link = styled(StyledLink)<{isMobile: boolean, $hasLabel: boolean}>`
+const Link = styled(StyledLink)<{ $isMobile: boolean, $hasLabel: boolean }>`
     color: ${({ disabled, theme }) => (disabled ? theme.main['primary-1.2'] : theme.main['primary-1.1'])};
-    font-size: ${({ isMobile }) => (isMobile ? '1rem' : '0.875rem')};
+    font-size: ${({ $isMobile }) => ($isMobile ? '1rem' : '0.875rem')};
 
     svg {
         margin-right: ${({ $hasLabel }) => ($hasLabel ? 'var(--spacing-1x)' : '0')};
@@ -60,7 +60,7 @@ export function RouteLink({
             disabled={disabled}
             exact={exact}
             $hasLabel={!!label}
-            isMobile={isMobile}
+            $isMobile={isMobile}
             tabIndex={disabled ? -1 : 0}
             to={href}
             type="route"