From dfc3ea466fbc6c63e0a293aab478a06681d04211 Mon Sep 17 00:00:00 2001
From: caturbgs <savemeplease11>
Date: Fri, 17 Dec 2021 01:49:38 +0700
Subject: [PATCH] feat: style column

---
 src/component/SupplierComponent.js | 38 +++++++++++++++++-------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/component/SupplierComponent.js b/src/component/SupplierComponent.js
index 9ab1fa8..70f196d 100644
--- a/src/component/SupplierComponent.js
+++ b/src/component/SupplierComponent.js
@@ -58,38 +58,42 @@ export const SupplierComponent = observer((props) => {
       title: "Kode",
       dataIndex: "code",
       key: "code",
+      width: "5%",
     },
     {
       title: "Saldo",
-      dataIndex: ["coa","amount"],
-      key: ["coa","amount"],
+      dataIndex: ["coa", "amount"],
+      key: ["coa", "amount"],
+      width: "20%",
     },
     {
       title: "Status",
       dataIndex: "status",
       key: "status",
+      width: "5%",
       render: (text, record) => (
-        <Tag
-          color={record?.status === true ? "processing" : "#E3E8EE"}
-          style={{ color: "#4F566B" }}
-        >
-          {record?.status === true ? " ACTIVE" : "INACTIVE"}
-        </Tag>
+          <Tag
+              color={record?.status === true ? "processing" : "#E3E8EE"}
+              style={{color: "#4F566B"}}
+          >
+            {record?.status === true ? " ACTIVE" : "INACTIVE"}
+          </Tag>
       ),
     },
     {
       title: "Action",
       key: "action",
+      width: "20%",
       render: (text, record) => (
-        <Space size="middle">
-          <Button
-            type={record?.status === true ? "danger" : "primary"}
-            onClick={() => changeStatus(record?.id, record?.status)}
-          >
-            {record?.status === true ? "INACTIVE" : "ACTIVE"}
-          </Button>
-          <Button onClick={() => handleTopup(record)}> Top Up Saldo</Button>
-          <Button onClick={() => handleEditButton(record)}>Edit</Button>
+          <Space size="middle">
+            <Button
+                type={record?.status === true ? "danger" : "primary"}
+                onClick={() => changeStatus(record?.id, record?.status)}
+            >
+              {record?.status === true ? "INACTIVE" : "ACTIVE"}
+            </Button>
+            <Button onClick={() => handleTopup(record)}> Top Up Saldo</Button>
+            <Button onClick={() => handleEditButton(record)}>Edit</Button>
         </Space>
       ),
     },