fix: build error

src/data/products.tsx

@@ -1,4 +1,3 @@
-import Logo from '@/components/Logo';
 import { Box } from '@mui/material';
 import type { ReactElement } from 'react';
 import ClubLogo from '@/assets/club-logo.png';

src/features/authentication/components/AuthenticationCard.tsx

@@ -20,8 +20,8 @@ export const AuthenticationCard = ({
         },
         mx: 2,
         boxSizing: 'border-box',
-        maxWidth: 636,
-
+        width: '100%',
+        maxWidth: 600,
         ...sx,
       }}
     >

src/features/authentication/components/AuthenticationSteps/LoginRegiserForm.tsx

@@ -76,7 +76,9 @@ export function LoginRegisterForm({
 
     setLoginRegisterValue(newValue);
 
-    const strippedValue = newValue.startsWith('+') ? newValue.substring(1) : newValue;
+    const strippedValue = newValue.startsWith('+')
+      ? newValue.substring(1)
+      : newValue;
     if (isNumeric(strippedValue) && strippedValue.length > 0) {
       setAuthType('phone');
     } else {
@@ -147,7 +149,7 @@ export function LoginRegisterForm({
           newValue,
           res.userStatus,
           res.totalSecondForOtpToExpire,
-          authType
+          authType,
         );
       } else {
         toast({ message: res.message, severity: 'error' });
@@ -191,7 +193,12 @@ export function LoginRegisterForm({
             helperText={inputError && t(error || '')}
             autoFocus
             slotProps={{
-              htmlInput: { dir: 'auto', sx: { lineHeight: 1.5 } },
+              htmlInput: {
+                dir: 'auto',
+                sx: { lineHeight: 1.5 },
+                name: 'username',
+                autoComplete: 'username',
+              },
               input: {
                 endAdornment: i18n.dir() === 'rtl' && (
                   <CountryCodeSelector

src/features/profile/components/userInformation/personalInformation/InfoRowEdit.tsx

@@ -84,14 +84,10 @@ export const InfoRowEdit = forwardRef(
               }
               label={label}
               error={
-                name !== 'nationalCode' &&
-                touched[name] &&
-                (value.trim() === '' || !isValidName(value))
+                touched[name] && (value.trim() === '' || !isValidName(value))
               }
               helperText={
-                name !== 'nationalCode' &&
-                touched[name] &&
-                (value.trim() === '' || !isValidName(value))
+                touched[name] && (value.trim() === '' || !isValidName(value))
                   ? t('settingForm.thisFieldIsRequired', { ns: 'setting' })
                   : undefined
               }

src/index.css

@@ -111,3 +111,127 @@
       url('./assets/fonts/ttf/iranyekanwebextrablackfanum.ttf')
       format('truetype');
 }
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: bold;
+  src: url('./assets/fonts/eot/iranyekanwebbold.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebbold.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebbold.woff') format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebbold.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebbold.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: 100;
+  src: url('./assets/fonts/eot/iranyekanwebthin.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebthin.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebthin.woff') format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebthin.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebthin.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: 300;
+  src: url('./assets/fonts/eot/iranyekanweblight.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanweblight.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanweblight.woff') format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanweblight.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanweblight.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: normal;
+  src: url('./assets/fonts/eot/iranyekanwebregular.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebregular.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebregular.woff')
+      format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebregular.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebregular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: 500;
+  src: url('./assets/fonts/eot/iranyekanwebmedium.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebmedium.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebmedium.woff')
+      format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebmedium.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebmedium.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: 800;
+  src: url('./assets/fonts/eot/iranyekanwebextrabold.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebextrabold.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebextrabold.woff')
+      format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebextrabold.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebextrabold.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: 850;
+  src: url('./assets/fonts/eot/iranyekanwebblack.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebblack.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebblack.woff') format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebblack.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebblack.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: iranyekanEnNum;
+  font-style: normal;
+  font-weight: 900;
+  src: url('./assets/fonts/eot/iranyekanwebextrablack.eot');
+  src:
+    url('./assets/fonts/eot/iranyekanwebextrablack.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-8 */ url('./assets/fonts/woff/iranyekanwebextrablack.woff')
+      format('woff'),
+    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+      url('./assets/fonts/woff2/iranyekanwebextrablack.woff2') format('woff2'),
+    /* FF39+,Chrome36+, Opera24+*/
+      url('./assets/fonts/ttf/iranyekanwebextrablack.ttf') format('truetype');
+}

src/providers/CustomThemeProvider.tsx

@@ -11,6 +11,8 @@ export const CustomThemeProvider: React.FC<{ children: React.ReactNode }> = ({
 
   const theme = useMemo(() => {
     const direction = i18n.dir(i18n.language);
+    const isEnglish = i18n.language?.startsWith('en');
+    const fontFamily = isEnglish ? 'iranyekanEnNum' : 'iranyekan';
 
     return createTheme({
       direction: direction,
@@ -29,7 +31,10 @@ export const CustomThemeProvider: React.FC<{ children: React.ReactNode }> = ({
       shape: {
         borderRadius: 8,
       },
-      typography: typography,
+      typography: {
+        fontFamily: [fontFamily, 'sans-serif'].join(','),
+        ...typography,
+      },
       components: {
         MuiButton: {
           defaultProps: {
@@ -59,7 +64,7 @@ export const CustomThemeProvider: React.FC<{ children: React.ReactNode }> = ({
         },
       },
     });
-  }, [i18n]);
+  }, [i18n, i18n.language]);
 
   return (
     <ThemeProvider theme={theme} defaultMode="light">

src/theme/typography.ts

@@ -1,6 +1,5 @@
 // No need for a function, just a static object
 export const typography = {
-  fontFamily: ['iranyekan', 'sans-serif'].join(','),
   fontWeightRegular: 400,
   fontWeightMedium: 500,
   fontWeightBold: 700,