From c0a72c10864ee5e70ebfba4718be25eba910ccf0 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Mon, 23 Sep 2024 16:13:10 +0700
Subject: <iman> update mobile view

---
 src/lib/auth/components/SwitchAccount.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src/lib/auth/components/SwitchAccount.jsx')

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}
-- 
cgit v1.2.3

