Detail Product

src/pages/Membership/Membership.js

@@ -25,7 +25,7 @@ import {
 import { MembershipModal } from "./MembershipModal";
 import { BreadcumbComponent } from "../../component/BreadcumbComponent";
 import { LINKS } from "../../routes/app";
-import { Link,useHistory } from "react-router-dom";
+import { Link, useHistory } from "react-router-dom";
 import { ModalLoaderContext } from "../../utils/modal";
 
 const { Search } = Input;
@@ -223,9 +223,9 @@ export const Membership = observer(() => {
               history.push(LINKS.DETAILUSER.replace(":id", record.id));
               //console.log(record.id)
             }}
-            >
-              Detail
-            </Button>
+          >
+            Detail
+          </Button>
         </Space>
       ),
     },
@@ -399,11 +399,14 @@ export const Membership = observer(() => {
                     >
                       <List.Item.Meta
                         className={["cariparkir-container"].join(" ")}
-                        title={item.username}
+                        title={item.name}
                         description={
                           <div style={{}}>
                             <p>
-                              <small>Username : {item.username}</small> <br />
+                              <small>Role : {item.roleName}</small> <br />
+                              <small>Saldo Supplier : {item.amount}</small>{" "}
+                              <br />
+                              <small>Saldo System : {item.amount}</small> <br />
                             </p>
                           </div>
                         }
@@ -415,7 +418,16 @@ export const Membership = observer(() => {
                             margin: 0,
                           }}
                         >
-                          {item.username}
+                          <Button
+                            type={
+                              item?.isActive === true ? "danger" : "primary"
+                            }
+                            onClick={() =>
+                              changeStatus(item?.id, item?.isActive)
+                            }
+                          >
+                            {item?.isActive === true ? "Inactive" : "Active"}
+                          </Button>
                         </p>
                       </div>
                     </List.Item>