fix: accounts review

src/features/profile/components/userInformation/PersonalInformation.tsx

@@ -13,7 +13,7 @@ import { useToast } from '@rkheftan/harmony-ui';
 import { useProfile } from '../../hooks/useProfile';
 
 export function PersonalInformation() {
-  const imageBaseUrl = import.meta.env.IMAGE_BASE_URL;
+  const imageBaseUrl = import.meta.env.VITE_IMAGE_BASE_URL;
   const { t } = useTranslation('setting');
   const [isEditing, setIsEditing] = useState(false);
   const [uploadedImageUrl, setUploadedImageUrl] = useState<string | null>(null);
@@ -50,9 +50,10 @@ export function PersonalInformation() {
         setOriginalData(fetchedData);
         setUploadedImageUrl(
           profileData.profileImageUrl
-            ? `${imageBaseUrl}${profileData.profileImageUrl}`
+            ? `${imageBaseUrl}/${profileData.profileImageUrl}`
             : null,
         );
+        console.log(uploadedImageUrl);
         setUploadedImageFile(null);
       } else {
         showToast({

src/features/profile/components/userInformation/SocialMedia.tsx

@@ -103,7 +103,7 @@ export function SocialMedia() {
 
     if (sendCodeData.success) {
       toast({
-        message: sendCodeData.message || t('settingForm.verificationCodeSent'),
+        message: t('settingForm.verificationCodeSent'),
         severity: 'success',
       });
       setDialogStep('enterCode');

src/features/profile/components/userInformation/socialMedia/SocialMediaDialog.tsx

@@ -126,7 +126,7 @@ export default function SocialMediaDialog({
             placeholder="abc@email.com"
             autoComplete="email"
             inputMode="email"
-            sx={{ '& .MuiOutlinedInput-root': { borderRadius: 2 }, mt: 2 }}
+            sx={{ '& .MuiOutlinedInput-root': { borderRadius: 1 }, mt: 1 }}
             autoFocus={dialogStep === 'enterEmail'}
             disabled={isLoading || dialogStep === 'enterCode'}
             error={touched && !!emailError}
@@ -142,7 +142,7 @@ export default function SocialMediaDialog({
               label={t('settingForm.verificationCode')}
               autoComplete="one-time-code"
               inputMode="numeric"
-              sx={{ '& .MuiOutlinedInput-root': { borderRadius: 2 } }}
+              sx={{ '& .MuiOutlinedInput-root': { borderRadius: 1 } }}
               autoFocus
               disabled={isLoading}
             />
@@ -152,7 +152,7 @@ export default function SocialMediaDialog({
         <Box sx={{ px: 3, pb: 2 }}>
           <Button
             fullWidth
-            sx={{ height: 48, textTransform: 'none', borderRadius: 2 }}
+            sx={{ height: 48, textTransform: 'none', borderRadius: 1 }}
             variant="contained"
             type="submit"
             disabled={isLoading || (dialogStep === 'enterEmail' && !emailInput)}

src/features/profile/components/userInformation/socialMedia/SocialMediaMenu.tsx

@@ -7,7 +7,7 @@ import {
   ListItemIcon,
   ListItemText,
 } from '@mui/material';
-import { Message, Google, Apple, ArrowDown3 } from 'iconsax-react';
+import { Message, Google, ArrowDown3 } from 'iconsax-react';
 import { Icon } from '@rkheftan/harmony-ui';
 import { type SocialMediaMenuProps } from '@/features/profile/types/settingsType';
 
@@ -61,9 +61,9 @@ export default function SocialMediaMenu({
           <Box component="span">{t('settingForm.addEmailOrSocialButton')}</Box>
           <Icon
             Component={ArrowDown3}
-            size="medium"
+            size="small"
             color="primary.main"
-            variant={open ? 'Bold' : 'Outline'}
+            variant="Outline"
           />
         </Button>
       </Box>
@@ -98,12 +98,6 @@ export default function SocialMediaMenu({
           </ListItemIcon>
           <ListItemText>{t('settingForm.google')}</ListItemText>
         </MenuItem>
-        <MenuItem>
-          <ListItemIcon>
-            <Icon Component={Apple} size="medium" color="primary.main" />
-          </ListItemIcon>
-          <ListItemText>{t('settingForm.apple')}</ListItemText>
-        </MenuItem>
       </Menu>
     </Box>
   );