chore: replace flex for native flexGrow

nginformatica · Dec 23, 2024 · aa1fe83 · aa1fe83
1 parent eb43401
commit aa1fe83
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 10 deletions.
diff --git a/src/core/data-display/typography/index.tsx b/src/core/data-display/typography/index.tsx
@@ -3,20 +3,14 @@ import MuiTypography from '@mui/material/Typography'
 import type { DefaultProps } from '../../types'
 import type { TypographyProps } from '@mui/material/Typography'
 
-type ITypography = {
-    flex?: number
-}
-
-type CustomTypographyProps = ITypography & TypographyProps & DefaultProps
-
 const Typography = ({
     children,
     margin,
     padding,
     style = {},
     variant = 'body2',
     ...otherProps
-}: CustomTypographyProps) => (
+}: TypographyProps & DefaultProps) => (
     <MuiTypography
         {...otherProps}
         variant={variant}

diff --git a/src/core/feedback/nothing-found/index.tsx b/src/core/feedback/nothing-found/index.tsx
@@ -21,8 +21,8 @@ const NothingFound = (props: IProps) => {
 
     return show ? (
         <Typography
-            flex={1}
             variant='h5'
+            flexGrow={1}
             align='center'
             color='textSecondary'
             padding='48px 0'

diff --git a/src/core/surfaces/card/index.tsx b/src/core/surfaces/card/index.tsx
@@ -69,8 +69,8 @@ const Card = (props: IProps) => {
                         {title && (
                             <Typography
                                 name={name + '-title'}
-                                flex={1}
                                 variant='h6'
+                                flexGrow={1}
                                 color='primary'>
                                 {title}
                             </Typography>

diff --git a/src/core/surfaces/panel/index.tsx b/src/core/surfaces/panel/index.tsx
@@ -73,7 +73,7 @@ const Panel = (props: PanelProps) => {
                 !hideSummary && (
                     <Summary>
                         {title && (
-                            <Typography noWrap flex={1} variant='subtitle1'>
+                            <Typography noWrap flexGrow={1} variant='subtitle1'>
                                 {title}
                             </Typography>
                         )}