Rewrote ProfileItem to tsx format (#2226)

ita-social-projects · Aug 1, 2024 · abcc8a1 · abcc8a1
1 parent 6635ed4
commit abcc8a1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/...onents/profile-item/ProfileItem.styles.js → ...onents/profile-item/ProfileItem.styles.ts b/...onents/profile-item/ProfileItem.styles.js → ...onents/profile-item/ProfileItem.styles.ts
diff --git a/src/components/profile-item/ProfileItem.jsx → src/components/profile-item/ProfileItem.tsx b/src/components/profile-item/ProfileItem.jsx → src/components/profile-item/ProfileItem.tsx
@@ -5,8 +5,14 @@ import { useTranslation } from 'react-i18next'
 
 import { styles } from '~/components/profile-item/ProfileItem.styles'
 import useBreakpoints from '~/hooks/use-breakpoints'
+import { ProfileItemType } from '~/components/profile-item/complete-profile.constants'
 
-const ProfileItem = ({ item, isFilled = false }) => {
+interface ProfileItemProps {
+  item: ProfileItemType
+  isFilled?: boolean
+}
+
+const ProfileItem = ({ item, isFilled = false }: ProfileItemProps) => {
   const { t } = useTranslation()
   const { isMobile } = useBreakpoints()
   const { id, icon } = item
@@ -17,16 +23,10 @@ const ProfileItem = ({ item, isFilled = false }) => {
         <Box sx={styles.information}>
           {!isMobile && <Box sx={styles.icon}>{icon}</Box>}
           <Box sx={styles.text}>
-            <Typography
-              sx={styles.title}
-              variant={isMobile ? 'subtitle2' : 'h6'}
-            >
+            <Typography variant={isMobile ? 'subtitle2' : 'h6'}>
               {t(`completeProfile.${id}.title`)}
             </Typography>
-            <Typography
-              sx={styles.subtitle}
-              variant={isMobile ? 'caption' : 'body2'}
-            >
+            <Typography variant={isMobile ? 'caption' : 'body2'}>
               {t(`completeProfile.${id}.subtitle`)}
             </Typography>
           </Box>