Updated UI for Admin-> User Profile

public/locales/en.json

@@ -579,6 +579,24 @@
     "firstName": "First name",
     "lastName": "Last name",
     "language": "Language",
+    "gender": "Gender",
+    "birthDate": "Birth Date",
+    "educationGrade": "Educational Grade",
+    "employmentStatus": "Employment Status",
+    "maritalStatus": "Marital Status",
+    "displayImage": "Display Image",
+    "phone": "Phone",
+    "address": "Address",
+    "countryCode": "Country Code",
+    "state": "State",
+    "city": "City",
+    "personalInfoHeading": "Personal Information",
+    "contactInfoHeading": "Contact Information",
+    "actionsHeading": "Actions",
+    "personalDetailsHeading": "Personal Details",
+    "appLanguageCode": "Choose Language",
+    "delete": "Delete User",
+    "saveChanges": "Save Changes",
     "adminApproved": "Admin approved",
     "pluginCreationAllowed": "Plugin creation allowed",
     "joined": "Joined",

public/locales/fr.json

@@ -574,6 +574,24 @@
     "firstName": "Prénom",
     "lastName": "Nom de famille",
     "language": "Langue",
+    "gender": "Genre",
+    "birthDate": "Date de naissance",
+    "educationGrade": "Niveau d'éducation",
+    "employmentStatus": "Statut d'emploi",
+    "maritalStatus": "État civil",
+    "displayImage": "Image de profil",
+    "phone": "Téléphone",
+    "address": "Adresse",
+    "countryCode": "Code pays",
+    "state": "État",
+    "city": "Ville",
+    "personalInfoHeading": "Informations personnelles",
+    "contactInfoHeading": "Coordonnées",
+    "actionsHeading": "Actions",
+    "personalDetailsHeading": "Détails personnels",
+    "appLanguageCode": "Choisir la langue",
+    "delete": "Supprimer l'utilisateur",
+    "saveChanges": "Enregistrer les modifications",
     "adminApproved": "Approuvé par l'administrateur",
     "pluginCreationAllowed": "Autorisation de création de plugin",
     "joined": "Rejoint",

public/locales/hi.json

@@ -576,6 +576,24 @@
     "firstName": "पहला नाम",
     "lastName": "अंतिम नाम",
     "language": "भाषा",
+    "gender": "लिंग",
+    "birthDate": "जन्म तिथि",
+    "educationGrade": "शैक्षिक ग्रेड",
+    "employmentStatus": "रोजगार की स्थिति",
+    "maritalStatus": "वैवाहिक स्थिति",
+    "displayImage": "प्रदर्शन छवि",
+    "phone": "फोन",
+    "address": "पता",
+    "countryCode": "देश कोड",
+    "state": "राज्य",
+    "city": "शहर",
+    "personalInfoHeading": "व्यक्तिगत जानकारी",
+    "contactInfoHeading": "संपर्क जानकारी",
+    "actionsHeading": "कार्रवाई",
+    "personalDetailsHeading": "व्यक्तिगत विवरण",
+    "appLanguageCode": "भाषा चुनें",
+    "delete": "उपयोगकर्ता को हटाएं",
+    "saveChanges": "परिवर्तन सहेजें",
     "adminApproved": "व्यवस्थापक द्वारा स्वीकृत",
     "pluginCreationAllowed": "प्लगइन निर्माण अनुमति दी गई",
     "joined": "शामिल हुए",

public/locales/sp.json

@@ -574,6 +574,24 @@
     "firstName": "Nombre",
     "lastName": "Apellido",
     "language": "Idioma",
+    "gender": "Género",
+    "birthDate": "Fecha de Nacimiento",
+    "educationGrade": "Nivel Educativo",
+    "employmentStatus": "Estado Laboral",
+    "maritalStatus": "Estado Civil",
+    "displayImage": "Imagen de Perfil",
+    "phone": "Teléfono",
+    "address": "Dirección",
+    "countryCode": "Código de País",
+    "state": "Estado",
+    "city": "Ciudad",
+    "personalInfoHeading": "Información Personal",
+    "contactInfoHeading": "Información de Contacto",
+    "actionsHeading": "Acciones",
+    "personalDetailsHeading": "Detalles Personales",
+    "appLanguageCode": "Elegir Idioma",
+    "delete": "Eliminar Usuario",
+    "saveChanges": "Guardar Cambios",
     "adminApproved": "Aprobado por el administrador",
     "pluginCreationAllowed": "Permitir creación de complementos",
     "joined": "Unido",

public/locales/zh.json

@@ -576,6 +576,24 @@
     "firstName": "名字",
     "lastName": "姓氏",
     "language": "语言",
+    "gender": "性别",
+    "birthDate": "出生日期",
+    "educationGrade": "教育程度",
+    "employmentStatus": "就业状况",
+    "maritalStatus": "婚姻状况",
+    "displayImage": "显示图片",
+    "phone": "电话",
+    "address": "地址",
+    "countryCode": "国家代码",
+    "state": "州/省",
+    "city": "城市",
+    "personalInfoHeading": "个人信息",
+    "contactInfoHeading": "联系信息",
+    "actionsHeading": "操作",
+    "personalDetailsHeading": "个人详情",
+    "appLanguageCode": "选择语言",
+    "delete": "删除用户",
+    "saveChanges": "保存更改",
     "adminApproved": "管理员已批准",
     "pluginCreationAllowed": "允许创建插件",
     "joined": "加入",

src/GraphQl/Mutations/mutations.ts

@@ -87,10 +87,28 @@ export const UPDATE_USER_MUTATION = gql`
     $firstName: String
     $lastName: String
     $email: EmailAddress
+    $gender: Gender
+    $address: AddressInput
+    $birthDate: Date
+    $educationGrade: EducationGrade
+    $employmentStatus: EmploymentStatus
+    $maritalStatus: MaritalStatus
+    $phone: UserPhoneInput
     $file: String
   ) {
     updateUserProfile(
-      data: { firstName: $firstName, lastName: $lastName, email: $email }
+      data: {
+        firstName: $firstName
+        lastName: $lastName
+        email: $email
+        gender: $gender
+        address: $address
+        birthDate: $birthDate
+        educationGrade: $educationGrade
+        employmentStatus: $employmentStatus
+        maritalStatus: $maritalStatus
+        phone: $phone
+      }
       file: $file
     ) {
       _id

src/GraphQl/Queries/Queries.ts

@@ -440,6 +440,20 @@ export const USER_DETAILS = gql`
       pluginCreationAllowed
       adminApproved
       createdAt
+      gender
+      birthDate
+      educationGrade
+      employmentStatus
+      maritalStatus
+      address {
+        line1
+        countryCode
+        city
+        state
+      }
+      phone {
+        home
+      }
       adminFor {
         _id
       }

src/components/Avatar/Avatar.tsx

@@ -8,6 +8,7 @@ interface InterfaceAvatarProps {
   size?: number;
   avatarStyle?: string;
   dataTestId?: string;
+  radius?: number;
 }
 
 const Avatar = ({
@@ -16,11 +17,13 @@ const Avatar = ({
   size,
   avatarStyle,
   dataTestId,
+  radius,
 }: InterfaceAvatarProps): JSX.Element => {
   const avatar = useMemo(() => {
     return createAvatar(initials, {
       size: size || 128,
       seed: name,
+      radius: radius || 0,
     }).toDataUriSync();
   }, [name, size]);
 

src/screens/MemberDetail/MemberDetail.module.css

@@ -448,3 +448,24 @@
 .inactiveBtn:hover i {
   color: #31bb6b;
 }
+
+.topRadius {
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+}
+
+.inputColor {
+  background: #f1f3f6;
+}
+
+.width60 {
+  width: 60%;
+}
+
+.maxWidth40 {
+  max-width: 40%;
+}
+
+.allRound {
+  border-radius: 16px;
+}