summaryrefslogtreecommitdiff
path: root/src2/components/transactions
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-03-02 16:51:05 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-03-02 16:51:05 +0700
commitd336735a91133cc3f1cf6f67ba2ac29f0985fd2e (patch)
treef64a5c6de6e0ea015952ae028dca115077cffa45 /src2/components/transactions
parent074edfe4e51efd3b4a44dc7fe6e1284c9c560501 (diff)
delete src2
Diffstat (limited to 'src2/components/transactions')
-rw-r--r--src2/components/transactions/TransactionDetail.js67
-rw-r--r--src2/components/transactions/TransactionStatusBadge.js45
2 files changed, 0 insertions, 112 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
diff --git a/src2/components/transactions/TransactionStatusBadge.js b/src2/components/transactions/TransactionStatusBadge.js
deleted file mode 100644
index f94fd3fd..00000000
--- a/src2/components/transactions/TransactionStatusBadge.js
+++ /dev/null
@@ -1,45 +0,0 @@
-const TransactionStatusBadge = ({ status }) => {
- let badgeProps = {
- className: ['h-fit'],
- text: ''
- };
- switch (status) {
- case 'cancel':
- badgeProps.className.push('badge-solid-red');
- badgeProps.text = 'Pesanan Batal'
- break;
- case 'draft':
- badgeProps.className.push('badge-red');
- badgeProps.text = 'Pending Quotation'
- break;
- case 'waiting':
- badgeProps.className.push('badge-yellow');
- badgeProps.text = 'Pesanan diterima'
- break;
- case 'sale':
- badgeProps.className.push('badge-yellow');
- badgeProps.text = 'Pesanan diproses'
- break;
- case 'shipping':
- badgeProps.className.push('badge-green');
- badgeProps.text = 'Pesanan dikirim'
- break;
- case 'partial_shipping':
- badgeProps.className.push('badge-green');
- badgeProps.text = 'Dikirim sebagian'
- break;
- case 'done':
- badgeProps.className.push('badge-solid-green');
- badgeProps.text = 'Pesanan Selesai'
- break;
- }
- badgeProps.className = badgeProps.className.join(' ');
-
- return (
- <div className={badgeProps.className}>
- { badgeProps.text }
- </div>
- )
-};
-
-export default TransactionStatusBadge; \ No newline at end of file