diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-02 16:51:05 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-02 16:51:05 +0700 |
| commit | d336735a91133cc3f1cf6f67ba2ac29f0985fd2e (patch) | |
| tree | f64a5c6de6e0ea015952ae028dca115077cffa45 /src2/pages/my/address/index.js | |
| parent | 074edfe4e51efd3b4a44dc7fe6e1284c9c560501 (diff) | |
delete src2
Diffstat (limited to 'src2/pages/my/address/index.js')
| -rw-r--r-- | src2/pages/my/address/index.js | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/src2/pages/my/address/index.js b/src2/pages/my/address/index.js deleted file mode 100644 index 5cad4410..00000000 --- a/src2/pages/my/address/index.js +++ /dev/null @@ -1,84 +0,0 @@ -import { useEffect, useState } from "react"; -import { useRouter } from "next/router"; - -import AppBar from "@/components/layouts/AppBar"; -import Layout from "@/components/layouts/Layout"; -import Link from "@/components/elements/Link"; -import WithAuth from "@/components/auth/WithAuth"; - -import apiOdoo from "@/core/utils/apiOdoo"; -import { useAuth } from "@/core/utils/auth"; -import { createOrUpdateItemAddress, getItemAddress } from "@/core/utils/address"; -import { toast } from "react-hot-toast"; - -export default function Address() { - const router = useRouter(); - const { select } = router.query; - const [ auth ] = useAuth(); - const [ addresses, setAddresses ] = useState(null); - const [ selectedAdress, setSelectedAdress ] = useState(null); - - useEffect(() => { - const getAddress = async () => { - if (auth) { - const dataAddress = await apiOdoo('GET', `/api/v1/user/${auth.id}/address`); - setAddresses(dataAddress); - } - }; - getAddress(); - }, [auth]); - - useEffect(() => { - if (select) { - setSelectedAdress(getItemAddress(select)); - } - }, [select]); - - const changeSelectedAddress = (id) => { - if (select) { - createOrUpdateItemAddress(select, id); - router.back(); - } - }; - - return ( - <WithAuth> - <Layout> - <AppBar title="Daftar Alamat" /> - - <div className="text-right mt-4 px-4"> - <Link href="/my/address/create">Tambah Alamat</Link> - </div> - - <div className="grid gap-y-4 p-4"> - { auth && addresses && addresses.map((address, index) => { - let type = address.type.charAt(0).toUpperCase() + address.type.slice(1) + ' Address'; - return ( - <div - key={index} - className={"p-4 rounded-md border " + (selectedAdress && selectedAdress == address.id ? "bg-gray_r-4" : "border-gray_r-7") } - > - <div onClick={() => changeSelectedAddress(address.id)}> - <div className="flex gap-x-2" > - <div className="badge-red">{ type }</div> - { auth?.partner_id == address.id && ( - <div className="badge-green">Utama</div> - ) } - </div> - <p className="font-medium mt-2">{ address.name }</p> - { address.mobile && ( - <p className="mt-2 text-gray_r-11">{ address.mobile }</p> - ) } - <p className={`mt-1 leading-6 ${selectedAdress && selectedAdress == address.id ? "text-gray_r-12" : "text-gray_r-11"}`}> - { address.street } - </p> - </div> - <Link href={`/my/address/${address.id}/edit`} className="btn-light bg-white mt-3 w-full text-gray_r-11">Ubah Alamat</Link> - </div> - ); - }) } - </div> - </Layout> - </WithAuth> - ) -}
\ No newline at end of file |
