update modal

tinkerhub · May 1, 2023 · dbedaed · dbedaed
1 parent 3d2b963
commit dbedaed
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/apps/shn-web/components/modal/ProfileModal.tsx b/apps/shn-web/components/modal/ProfileModal.tsx
@@ -207,10 +207,10 @@ export const ProfileModal = ({ isOpen, onClose }: ProfileMod) => {
                                 flexDirection="column"
                                 alignItems="stretch"
                             >
-                                <FormControl isRequired label="Mobile Number" id="Mobile">
+                                <FormControl isRequired label="Full Name" id="Name">
                                     <Input
                                         disabled={loading}
-                                        placeholder="Mobile Number"
+                                        placeholder="Full Name"
                                         variant="filled"
                                         height="45px"
                                         fontWeight="regular"
@@ -232,10 +232,10 @@ export const ProfileModal = ({ isOpen, onClose }: ProfileMod) => {
                                         _hover={{
                                             backgroundColor: 'rgba(255,255,255,0.25)',
                                         }}
-                                        {...register('mobile')}
+                                        {...register('name')}
                                     />
                                     <Text
-                                        display={errors.mobile ? 'block' : 'none'}
+                                        display={errors.name ? 'block' : 'none'}
                                         backgroundColor="rgba(226,76,75,0.4)"
                                         marginTop="15px"
                                         paddingInline="10px"
@@ -245,20 +245,21 @@ export const ProfileModal = ({ isOpen, onClose }: ProfileMod) => {
                                         fontSize="12px"
                                         textColor="#E24C4B"
                                     >
-                                        {errors.mobile?.message}
+                                        {errors.name?.message}
                                     </Text>
                                 </FormControl>
+
                                 <Flex
                                     flexDirection={{ base: 'column', lg: 'row' }}
                                     columnGap="25px"
                                     rowGap="25px"
                                     justifyContent="space-between"
                                     alignItems="center"
                                 >
-                                    <FormControl isRequired label="Full Name" id="Name">
+                                    <FormControl isRequired label="Mobile Number" id="Mobile">
                                         <Input
                                             disabled={loading}
-                                            placeholder="Full Name"
+                                            placeholder="Mobile Number"
                                             variant="filled"
                                             height="45px"
                                             fontWeight="regular"
@@ -280,10 +281,10 @@ export const ProfileModal = ({ isOpen, onClose }: ProfileMod) => {
                                             _hover={{
                                                 backgroundColor: 'rgba(255,255,255,0.25)',
                                             }}
-                                            {...register('name')}
+                                            {...register('mobile')}
                                         />
                                         <Text
-                                            display={errors.name ? 'block' : 'none'}
+                                            display={errors.mobile ? 'block' : 'none'}
                                             backgroundColor="rgba(226,76,75,0.4)"
                                             marginTop="15px"
                                             paddingInline="10px"
@@ -293,7 +294,7 @@ export const ProfileModal = ({ isOpen, onClose }: ProfileMod) => {
                                             fontSize="12px"
                                             textColor="#E24C4B"
                                         >
-                                            {errors.name?.message}
+                                            {errors.mobile?.message}
                                         </Text>
                                     </FormControl>
                                     <Controller