3 files changed, 44 insertions, 3 deletions
diff --git a/src/pages/my/address/[id]/edit.jsx b/src/pages/my/address/[id]/edit.jsx
new file mode 100644
index 00000000..feff85fd
--- /dev/null
+++ b/src/pages/my/address/[id]/edit.jsx
@@ -0,0 +1,30 @@
+import AppLayout from "@/core/components/layouts/AppLayout"
+import addressApi from "@/lib/address/api/addressApi"
+import EditAddressComponent from "@/lib/address/components/EditAddress"
+
+export default function EditAddress({ id, defaultValues }) {
+  return (
+    <AppLayout title="Ubah Alamat">
+      <EditAddressComponent id={id} defaultValues={defaultValues} />
+    </AppLayout>
+  )
+}
+
+export async function getServerSideProps(context) {
+  const { id } = context.query
+  const address = await addressApi({ id })
+  const defaultValues = {
+    type: address.type,
+    name: address.name,
+    email: address.email,
+    mobile: address.mobile,
+    street: address.street,
+    zip: address.zip,
+    city: address.city?.id || "",
+    oldDistrict: address.district?.id || "",
+    district: "",
+    oldSubDistrict: address.subDistrict?.id || "",
+    subDistrict: "",
+  }
+  return { props: { id, defaultValues } }
+}
diff --git a/src/pages/my/address/create.jsx b/src/pages/my/address/create.jsx
new file mode 100644
index 00000000..dfc84444
--- /dev/null
+++ b/src/pages/my/address/create.jsx
@@ -0,0 +1,10 @@
+import AppLayout from "@/core/components/layouts/AppLayout"
+import CreateAddressComponent from "@/lib/address/components/CreateAddress"
+
+export default function CreateAddress() {
+  return (
+    <AppLayout title="Tambah Alamat">
+      <CreateAddressComponent />
+    </AppLayout>
+  )
+}
+\ No newline at end of file
diff --git a/src/pages/my/menu.jsx b/src/pages/my/menu.jsx
index 46a0e4b3..3620fc36 100644
--- a/src/pages/my/menu.jsx
+++ b/src/pages/my/menu.jsx
@@ -80,9 +80,10 @@ export default function Menu() {
             <LinkItem href="/my/address">
               Daftar Alamat
             </LinkItem>
-            <div onClick={logout} className="!text-gray_r-11 font-normal p-4 flex items-center">
-              Keluar Akun
-            </div>
+          </div>
+
+          <div onClick={logout} className="p-4 mt-2">
+            <button className="w-full btn-red">Keluar Akun</button>
           </div>
         </div>
       </div>