feat: style column
This commit is contained in:
		| @@ -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> | ||||
|       ), | ||||
|     }, | ||||
|   | ||||
		Reference in New Issue
	
	Block a user