1 files changed, 27 insertions, 5 deletions
diff --git a/src/pages/my/profile.jsx b/src/pages/my/profile.jsx
index 72a1ee3c..25c3a608 100644
--- a/src/pages/my/profile.jsx
+++ b/src/pages/my/profile.jsx
@@ -1,19 +1,41 @@
 import Divider from '@/core/components/elements/Divider/Divider'
 import AppLayout from '@/core/components/layouts/AppLayout'
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 import useAuth from '@/core/hooks/useAuth'
 import CompanyProfile from '@/lib/auth/components/CompanyProfile'
 import IsAuth from '@/lib/auth/components/IsAuth'
+import Menu from '@/lib/auth/components/Menu'
 import PersonalProfile from '@/lib/auth/components/PersonalProfile'
 
 export default function Profile() {
   const auth = useAuth()
   return (
     <IsAuth>
-      <AppLayout title='Akun Saya'>
-        <PersonalProfile />
-        <Divider />
-        {auth?.parentId && <CompanyProfile />}
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Akun Saya'>
+          <PersonalProfile />
+          <Divider />
+          {auth?.parentId && <CompanyProfile />}
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+        <div className='container mx-auto flex py-10'>
+          <div className='w-3/12 pr-4'>
+            <Menu />
+          </div>
+          <div className='w-9/12 bg-white border border-gray_r-6 rounded'>
+            <PersonalProfile />
+            <Divider />
+            {auth?.parentId && <CompanyProfile />}
+
+          </div>
+          </div>
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }