diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-01-13 15:36:28 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-01-13 15:36:28 +0700 |
| commit | 1739c6eb03631e08bfe9d5de3a97acbc0a8566ce (patch) | |
| tree | a4e4e9c91059ed5bf68534892b851e22bcba195a /src/pages/my/address/index.js | |
| parent | cf69435c321eb6866caf75ed2a5391526f499c4e (diff) | |
create "edit" feature and fix "create" feature
Diffstat (limited to 'src/pages/my/address/index.js')
| -rw-r--r-- | src/pages/my/address/index.js | 33 |
1 files changed, 21 insertions, 12 deletions
diff --git a/src/pages/my/address/index.js b/src/pages/my/address/index.js index b97e21e7..787cfcfa 100644 --- a/src/pages/my/address/index.js +++ b/src/pages/my/address/index.js @@ -48,18 +48,27 @@ export default function Address() { </div> <div className="grid gap-y-4 p-4"> - { addresses && addresses.map((address, index) => ( - <div - key={index} - className={"p-4 rounded-md border " + (selectedAdress && selectedAdress == address.id ? "border-yellow_r-7 bg-yellow_r-2" : "border-gray_r-7") } - onClick={() => changeSelectedAddress(address.id)} - > - <p className="font-medium">{ address.name }</p> - <p className="mt-3 text-gray_r-11">{ address.mobile }</p> - <p className="mt-1 text-gray_r-11 leading-6">{ address.street } { address.street2 }</p> - <button className="btn-light mt-3 w-full">Ubah Alamat</button> - </div> - )) } + { 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 ? "border-yellow_r-7 bg-yellow_r-2" : "border-gray_r-7") } + 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-1">{ address.name }</p> + <p className="mt-2 text-gray_r-11">{ address.mobile }</p> + <p className="mt-1 text-gray_r-11 leading-6">{ address.street } { address.street2 }</p> + <Link href={`/my/address/${address.id}/edit`} className="btn-light mt-3 w-full text-gray_r-11">Ubah Alamat</Link> + </div> + ); + }) } </div> </Layout> </WithAuth> |