Transaction detail and variant card component

1 files changed, 21 insertions, 0 deletions

diff --git a/src/components/transactions/TransactionDetail.js b/src/components/transactions/TransactionDetail.js
new file mode 100644
index 00000000..6d304d31
--- /dev/null
+++ b/src/components/transactions/TransactionDetail.js
@@ -0,0 +1,21 @@
+import DescriptionRow from "../elements/DescriptionRow";
+
+const CustomerSection = ({ 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="px-4 pb-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>
+  );
+};
+
+export {
+  CustomerSection
+};
\ No newline at end of file