diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-09-27 17:00:00 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-09-27 17:00:00 +0700 |
| commit | 016cbe790dd698ee258f17c8218ef6fdc667ad0d (patch) | |
| tree | ca3e75fe3195013d246ffc06ba70812ac3c62ddf /src/lib/auth/components/PersonalProfile.jsx | |
| parent | 31ef67c8c2c3d80bf0c0cc040e551b4a45c3dedc (diff) | |
<iman> update switch account
Diffstat (limited to 'src/lib/auth/components/PersonalProfile.jsx')
| -rw-r--r-- | src/lib/auth/components/PersonalProfile.jsx | 106 |
1 files changed, 48 insertions, 58 deletions
diff --git a/src/lib/auth/components/PersonalProfile.jsx b/src/lib/auth/components/PersonalProfile.jsx index ce27c650..3053255d 100644 --- a/src/lib/auth/components/PersonalProfile.jsx +++ b/src/lib/auth/components/PersonalProfile.jsx @@ -48,11 +48,7 @@ const PersonalProfile = () => { return ( <> - <button - type='button' - onClick={toggle} - className='p-4 flex items-center text-left w-full' - > + <div type='button' className='p-4 flex items-center text-left w-full'> <div> <div className='font-semibold mb-2'>Informasi Akun</div> <div className='text-gray_r-11'> @@ -60,61 +56,55 @@ const PersonalProfile = () => { diri anda </div> </div> - <div className='ml-auto p-2 bg-gray_r-3 rounded'> - {!isOpen && <ChevronDownIcon className='w-6' />} - {isOpen && <ChevronUpIcon className='w-6' />} - </div> - </button> + </div> - {isOpen && ( - <form - className='p-4 border-t border-gray_r-6' - onSubmit={handleSubmit(onSubmitHandler)} - > - <div className='grid grid-cols-1 sm:grid-cols-2 gap-4'> - <div> - <label>Email</label> - <input - {...register('email')} - type='text' - disabled - className='form-input mt-3' - /> - </div> - <div> - <label>Nama Lengkap</label> - <input - {...register('name')} - type='text' - className='form-input mt-3' - /> - </div> - <div> - <label>No. Handphone</label> - <input - {...register('mobile')} - type='tel' - className='form-input mt-3' - /> - </div> - <div> - <label>Kata Sandi</label> - <input - {...register('password')} - type='password' - className='form-input mt-3' - placeholder='Isi jika ingin mengubah kata sandi' - /> - </div> + <form + className='p-4 border-t border-gray_r-6' + onSubmit={handleSubmit(onSubmitHandler)} + > + <div className='grid grid-cols-1 sm:grid-cols-2 gap-4'> + <div> + <label>Email</label> + <input + {...register('email')} + type='text' + disabled + className='form-input mt-3' + /> + </div> + <div> + <label>Nama Lengkap</label> + <input + {...register('name')} + type='text' + className='form-input mt-3' + /> </div> - <button - type='submit' - className='btn-yellow w-full sm:w-fit sm:ml-auto mt-6 max-w-28' - > - Simpan - </button> - </form> - )} + <div> + <label>No. Handphone</label> + <input + {...register('mobile')} + type='tel' + className='form-input mt-3' + /> + </div> + <div> + <label>Kata Sandi</label> + <input + {...register('password')} + type='password' + className='form-input mt-3' + placeholder='Isi jika ingin mengubah kata sandi' + /> + </div> + </div> + <button + type='submit' + className='btn-yellow w-full sm:w-fit sm:ml-auto mt-6 max-w-28' + > + Simpan + </button> + </form> </> ); }; |
