3 files changed, 25 insertions, 2 deletions
diff --git a/src/pages/my/invoice/[id].jsx b/src/pages/my/invoice/[id].jsx
new file mode 100644
index 00000000..a3cbeb5c
--- /dev/null
+++ b/src/pages/my/invoice/[id].jsx
@@ -0,0 +1,13 @@
+import AppLayout from "@/core/components/layouts/AppLayout"
+import InvoiceComponent from "@/lib/invoice/components/Invoice"
+import { useRouter } from "next/router"
+
+export default function Invoice() {
+  const router = useRouter()
+
+  return (
+    <AppLayout title="Invoice & Faktur Pajak">
+      <InvoiceComponent id={router.query.id} />
+    </AppLayout>
+  )
+}
+\ No newline at end of file
diff --git a/src/pages/my/invoices.jsx b/src/pages/my/invoices.jsx
new file mode 100644
index 00000000..04842110
--- /dev/null
+++ b/src/pages/my/invoices.jsx
@@ -0,0 +1,10 @@
+import AppLayout from "@/core/components/layouts/AppLayout"
+import InvoicesComponent from "@/lib/invoice/components/Invoices"
+
+export default function Invoices() {
+  return (
+    <AppLayout title="Invoice & Faktur Pajak">
+      <InvoicesComponent />
+    </AppLayout>
+  )
+}
+\ No newline at end of file
diff --git a/src/pages/my/menu.jsx b/src/pages/my/menu.jsx
index 69e4b8bb..e2a11390 100644
--- a/src/pages/my/menu.jsx
+++ b/src/pages/my/menu.jsx
@@ -47,10 +47,10 @@ export default function Menu() {
             <LinkItem href="/my/transactions">
               Daftar Transaksi
             </LinkItem>
-            <LinkItem href="/">
+            <LinkItem href="/my/invoices">
               Invoice & Faktur Pajak
             </LinkItem>
-            <LinkItem href="/">
+            <LinkItem href="/my/wishlist">
               Wishlist
             </LinkItem>
           </div>