invoice, invoice detail, address, create address, edit address, wishlist

6 files changed, 84 insertions, 21 deletions

diff --git a/src/pages/my/address/[id]/edit.jsx b/src/pages/my/address/[id]/edit.jsx
index bc5f3471..6706b458 100644
--- a/src/pages/my/address/[id]/edit.jsx
+++ b/src/pages/my/address/[id]/edit.jsx
@@ -1,4 +1,7 @@
 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 addressApi from '@/lib/address/api/addressApi'
 import EditAddressComponent from '@/lib/address/components/EditAddress'
 import IsAuth from '@/lib/auth/components/IsAuth'
@@ -6,12 +9,17 @@ import IsAuth from '@/lib/auth/components/IsAuth'
 export default function EditAddress({ id, defaultValues }) {
   return (
     <IsAuth>
-      <AppLayout title='Ubah Alamat'>
-        <EditAddressComponent
-          id={id}
-          defaultValues={defaultValues}
-        />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Ubah Alamat'>
+          <EditAddressComponent id={id} defaultValues={defaultValues} />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <EditAddressComponent id={id} defaultValues={defaultValues} />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }
diff --git a/src/pages/my/address/create.jsx b/src/pages/my/address/create.jsx
index ec17f987..be645853 100644
--- a/src/pages/my/address/create.jsx
+++ b/src/pages/my/address/create.jsx
@@ -1,13 +1,24 @@
 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 CreateAddressComponent from '@/lib/address/components/CreateAddress'
 import IsAuth from '@/lib/auth/components/IsAuth'
 
 export default function CreateAddress() {
   return (
     <IsAuth>
-      <AppLayout title='Tambah Alamat'>
-        <CreateAddressComponent />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Tambah Alamat'>
+          <CreateAddressComponent />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <CreateAddressComponent />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }
diff --git a/src/pages/my/address/index.jsx b/src/pages/my/address/index.jsx
index 93ed40b0..61d72a41 100644
--- a/src/pages/my/address/index.jsx
+++ b/src/pages/my/address/index.jsx
@@ -1,13 +1,24 @@
 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 AddressesComponent from '@/lib/address/components/Addresses'
 import IsAuth from '@/lib/auth/components/IsAuth'
 
 export default function Addresses() {
   return (
     <IsAuth>
-      <AppLayout title='Daftar Alamat'>
-        <AddressesComponent />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Daftar Alamat'>
+          <AddressesComponent />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <AddressesComponent />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }
diff --git a/src/pages/my/invoice/[id].jsx b/src/pages/my/invoice/[id].jsx
index 4938d8f8..740819cc 100644
--- a/src/pages/my/invoice/[id].jsx
+++ b/src/pages/my/invoice/[id].jsx
@@ -1,4 +1,7 @@
 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 IsAuth from '@/lib/auth/components/IsAuth'
 import InvoiceComponent from '@/lib/invoice/components/Invoice'
 import { useRouter } from 'next/router'
@@ -8,9 +11,17 @@ export default function Invoice() {
 
   return (
     <IsAuth>
-      <AppLayout title='Invoice & Faktur Pajak'>
-        <InvoiceComponent id={router.query.id} />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Invoice & Faktur Pajak'>
+          <InvoiceComponent id={router.query.id} />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <InvoiceComponent id={router.query.id} />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }
diff --git a/src/pages/my/invoices.jsx b/src/pages/my/invoices.jsx
index 12a5ff7e..59059b2e 100644
--- a/src/pages/my/invoices.jsx
+++ b/src/pages/my/invoices.jsx
@@ -1,13 +1,24 @@
 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 IsAuth from '@/lib/auth/components/IsAuth'
 import InvoicesComponent from '@/lib/invoice/components/Invoices'
 
 export default function Invoices() {
   return (
     <IsAuth>
-      <AppLayout title='Invoice & Faktur Pajak'>
-        <InvoicesComponent />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Invoice & Faktur Pajak'>
+          <InvoicesComponent />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <InvoicesComponent />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }
diff --git a/src/pages/my/wishlist.jsx b/src/pages/my/wishlist.jsx
index 196adf50..7d9ad0d7 100644
--- a/src/pages/my/wishlist.jsx
+++ b/src/pages/my/wishlist.jsx
@@ -1,13 +1,24 @@
 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 IsAuth from '@/lib/auth/components/IsAuth'
 import Wishlists from '@/lib/wishlist/components/Wishlists'
 
 export default function Wishlist() {
   return (
     <IsAuth>
-      <AppLayout title='Wishlist'>
-        <Wishlists />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Wishlist'>
+          <Wishlists />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <Wishlists />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }