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/components/transactions/TransactionDetail.js | |
| parent | 074edfe4e51efd3b4a44dc7fe6e1284c9c560501 (diff) | |
delete src2
Diffstat (limited to 'src2/components/transactions/TransactionDetail.js')
| -rw-r--r-- | src2/components/transactions/TransactionDetail.js | 67 |
1 files changed, 0 insertions, 67 deletions
diff --git a/src2/components/transactions/TransactionDetail.js b/src2/components/transactions/TransactionDetail.js deleted file mode 100644 index 295a4f9f..00000000 --- a/src2/components/transactions/TransactionDetail.js +++ /dev/null @@ -1,67 +0,0 @@ -import { useState } from "react"; -import DescriptionRow from "../elements/DescriptionRow"; -import Disclosure from "../elements/Disclosure"; - -const DetailAddress = ({ address }) => { - const fullAddress = []; - if (address?.street) fullAddress.push(address.street); - if (address?.sub_district?.name) fullAddress.push(address.sub_district.name); - if (address?.district?.name) fullAddress.push(address.district.name); - if (address?.city?.name) fullAddress.push(address.city.name); - return ( - <div className="p-4 flex flex-col gap-y-4"> - <DescriptionRow label="Nama">{ address?.name }</DescriptionRow> - <DescriptionRow label="Email">{ address?.email || '-' }</DescriptionRow> - <DescriptionRow label="No Telepon">{ address?.mobile || '-' }</DescriptionRow> - <DescriptionRow label="Alamat">{ fullAddress.join(', ') }</DescriptionRow> - </div> - ); -}; - -const TransactionDetailAddress = ({ transaction }) => { - const [ activeSection, setActiveSection ] = useState({ - purchase: false, - shipping: false, - invoice: false, - }); - - const toggleSection = ( name ) => { - setActiveSection({ - ...activeSection, - [name]: !activeSection[name] - }); - }; - - return ( - <div className="m-4 rounded-md border border-gray_r-6 divide-y divide-gray_r-6"> - <Disclosure - label="Detail Pelanggan" - active={activeSection.purchase} - onClick={() => toggleSection('purchase')} - /> - { activeSection.purchase && ( - <DetailAddress address={transaction?.address?.customer} /> - ) } - - <Disclosure - label="Detail Pengiriman" - active={activeSection.shipping} - onClick={() => toggleSection('shipping')} - /> - { activeSection.shipping && ( - <DetailAddress address={transaction?.address?.shipping} /> - ) } - - <Disclosure - label="Detail Penagihan" - active={activeSection.invoice} - onClick={() => toggleSection('invoice')} - /> - { activeSection.invoice && ( - <DetailAddress address={transaction?.address?.invoice} /> - ) } - </div> - ); -}; - -export { TransactionDetailAddress };
\ No newline at end of file |
