fix: update typings for sc components

gympass · Jan 23, 2024 · 3770306 · 3770306
1 parent fb967a9
commit 3770306
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 8 deletions.
diff --git a/packages/yoga/src/NavigationMenu/web/BottomItems/BottomItem.tsx b/packages/yoga/src/NavigationMenu/web/BottomItems/BottomItem.tsx
@@ -52,7 +52,7 @@ const Active = css`
     `}
 `;
 
-const StyledItem = styled.li`
+const StyledItem = styled.li<{ isActive: boolean; children: React.ReactNode }>`
   ${({
     isActive,
     theme: {

diff --git a/packages/yoga/src/NavigationMenu/web/Item/styles.ts b/packages/yoga/src/NavigationMenu/web/Item/styles.ts
@@ -4,7 +4,10 @@ import Box from '../../../Box';
 import Tag from '../../../Tag';
 import Text from '../../../Text';
 
-export const StyledTextContainer = styled(Box)`
+export const StyledTextContainer = styled(Box)<{
+  isSubItem?: boolean;
+  children: React.ReactNode;
+}>`
   ${({
     isSubItem,
     theme: {
@@ -60,7 +63,7 @@ export const StyledText = styled(Text)`
   `}
 `;
 
-const Active = css`
+const Active = css<{ isResponsive?: boolean }>`
   ${({
     isResponsive,
     theme: {
@@ -103,7 +106,11 @@ const Active = css`
   `}
 `;
 
-export const StyledItem = styled.li`
+export const StyledItem = styled.li<{
+  isActive: boolean;
+  isResponsive?: boolean;
+  children: React.ReactNode;
+}>`
   ${({
     isActive,
     theme: {

diff --git a/packages/yoga/src/NavigationMenu/web/Menu/Menu.tsx b/packages/yoga/src/NavigationMenu/web/Menu/Menu.tsx
@@ -5,7 +5,11 @@ import { Text } from '@gympass/yoga';
 import Box from '../../../Box';
 import Icon from '../../../Icon';
 
-const StyledMenu = styled(Box)`
+const StyledMenu = styled(Box)<{
+  hasAction: boolean;
+  children: React.ReactNode;
+  onClick?: (() => void) | undefined;
+}>`
   ${({
     hasAction,
     theme: {
@@ -84,7 +88,7 @@ const Menu = ({ avatar: Avatar, subtitle, title, onClick }: MenuProps) => {
       {Avatar}
 
       <StyledTextContainer>
-        {title &&  <StyledText>{title}</StyledText>}
+        {title && <StyledText>{title}</StyledText>}
 
         {subtitle && <Text.Small color="deep">{subtitle}</Text.Small>}
       </StyledTextContainer>

diff --git a/packages/yoga/src/NavigationMenu/web/NavigationMenu.tsx b/packages/yoga/src/NavigationMenu/web/NavigationMenu.tsx
@@ -7,7 +7,11 @@ import { Item, Subitem } from './Item';
 import { BottomItems, BottomItem } from './BottomItems';
 import Box from '../../Box';
 
-const StyledNavigationMenu = styled(Box)`
+const StyledNavigationMenu = styled(Box)<{
+  isOpenOnMobile: boolean;
+  isResponsive: boolean;
+  children: React.ReactNode;
+}>`
   ${({
     isOpenOnMobile,
     isResponsive,

diff --git a/packages/yoga/src/NavigationMenu/web/Switcher/Switcher.tsx b/packages/yoga/src/NavigationMenu/web/Switcher/Switcher.tsx
@@ -4,7 +4,7 @@ import { Text, Skeleton } from '@gympass/yoga';
 import Actions from './Actions';
 import Box from '../../../Box';
 
-const StyledSwitcher = styled(Box)`
+const StyledSwitcher = styled(Box)<{ fill: string; children: React.ReactNode }>`
   ${({
     fill,
     theme: {