diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-02 17:13:12 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-02 17:13:12 +0700 |
| commit | d4d4227dfb2fefa56ded8ff5897469459f56b069 (patch) | |
| tree | 46b1572614684e7472b60b696d148749cdc71f77 /src/pages/my/address | |
| parent | be2bc90edc387966cb1b23c60a80e4b5fcf4bec9 (diff) | |
no message
Diffstat (limited to 'src/pages/my/address')
| -rw-r--r-- | src/pages/my/address/index.js | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/pages/my/address/index.js b/src/pages/my/address/index.js index 54e721b6..7026d5ea 100644 --- a/src/pages/my/address/index.js +++ b/src/pages/my/address/index.js @@ -56,7 +56,7 @@ export default function 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") } + className={"p-4 rounded-md border " + (selectedAdress && selectedAdress == address.id ? "border-yellow_r-7 bg-yellow_r-8" : "border-gray_r-7") } > <div onClick={() => changeSelectedAddress(address.id)}> <div className="flex gap-x-2" > @@ -65,9 +65,13 @@ export default function Address() { <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> + <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 mt-3 w-full text-gray_r-11">Ubah Alamat</Link> </div> |