email

src/langs/fa.json

@@ -392,7 +392,8 @@
     "image_uploaded_successfully": "تصویر با موفقیت آپلود شد",
     "confrim_email": "تایید ایمیل",
     "confrim": "تایید صورتحساب ",
-    "link_email": "یک لینک برای تایید ایمیل برای شما ارسال شد."
+    "link_email": "یک لینک برای تایید ایمیل برای شما ارسال شد.",
+    "email_not_verified": "ایمیل تایید نشده"
   },
   "email": "ایمیل",
   "save": "ذخیره",

src/pages/profile/Profile.tsx

@@ -163,6 +163,7 @@ const Profile: FC = () => {
                                 />
                                 <Email
                                     email={getProfile.data?.data?.user?.email}
+                                    isVerified={getProfile.data?.data?.user?.emailVerified}
                                 />
                                 <Phone
                                     phone={getProfile.data?.data?.user?.phone}

src/pages/profile/components/Email.tsx

@@ -12,6 +12,7 @@ import { toast } from 'react-toastify'
 
 type Props = {
     email: string | null,
+    isVerified: boolean
 }
 
 const Email: FC<Props> = (props: Props) => {
@@ -36,13 +37,19 @@ const Email: FC<Props> = (props: Props) => {
 
     return (
         <Fragment>
-            <div className='flex items-end xl:gap-6 gap-3 xl:mt-7 mt-4'>
+            <div className='flex relative items-end xl:gap-6 gap-3 xl:mt-7 mt-4'>
                 <Input
                     label={t('email')}
                     value={email}
                     readOnly={isReadOnly}
                     onChange={(e) => setEmail(e.target.value)}
                 />
+                {
+                    !props.isVerified &&
+                    <div className='text-[10px] absolute left-24 text-red-400 top-[34px]'>
+                        {t('profile.email_not_verified')}
+                    </div>
+                }
                 {
                     isReadOnly ?
                         <div onClick={() => setIsReadOnly(false)} className='flex cursor-pointer relative -top-3 gap-1 text-[#0047FF] text-xs items-center'>