<iman> update mobile view

1 files changed, 8 insertions, 2 deletions

diff --git a/src/lib/auth/components/SwitchAccount.jsx b/src/lib/auth/components/SwitchAccount.jsx
index e737ef6a..18c6076f 100644
--- a/src/lib/auth/components/SwitchAccount.jsx
+++ b/src/lib/auth/components/SwitchAccount.jsx
@@ -13,7 +13,9 @@ import { useRegisterStore } from '~/modules/register/stores/useRegisterStore.ts'
 import { registerUser } from '~/services/auth';
 import { useMutation } from 'react-query';
 import { isValid } from 'zod';
+import useDevice from '@/core/hooks/useDevice';
 const SwitchAccount = () => {
+  const { isDesktop, isMobile } = useDevice();
   const auth = useAuth();
   const [isOpen, setIsOpen] = useState(true);
   const toggle = () => setIsOpen(!isOpen);
@@ -130,7 +132,11 @@ const SwitchAccount = () => {
         onClick={toggle}
         className='p-4 flex items-center text-left w-full'
       >
-        <div className='flex flex-row items-center bg-slate-50'>
+        <div
+          className={`flex ${
+            isDesktop ? 'flex-row' : 'flex-col gap-y-2'
+          } items-start justify-start bg-slate-50`}
+        >
           <div className='flex font-semibold mr-2'>Informasi Bisnis</div>
           <div className='text-red-500 text-xs'>
             *Perubahan akun tidak dapat diubah kembali
@@ -176,7 +182,7 @@ const SwitchAccount = () => {
             </RadioGroup>
           </div>
           <FormBisnis
-            type='profil'
+            type={isDesktop ? 'profil' : 'bisnis'}
             required={isTerdaftar}
             isPKP={isPKP}
             chekValid={notValid}