diff --git a/src/pages/App/DesktopLayout.js b/src/pages/App/DesktopLayout.js
index 6e2c27a..ffe6524 100644
--- a/src/pages/App/DesktopLayout.js
+++ b/src/pages/App/DesktopLayout.js
@@ -209,12 +209,14 @@ export const DesktopLayout = observer(() => {
                 icon={<ProfileOutlined />}
                 title="Payback"
               >
+                {store.authentication.userData.role !== "Retail" && (
                 <Menu.Item key="payback-to-user">
                   <Link to={LINKS.PAYBACK}>
                     <PayCircleOutlined />
                     <span>Payback To</span>
                   </Link>
                 </Menu.Item>
+                )}
                 {store.authentication.userData.role !== "Admin" && (
                 <Menu.Item key="payback-from-user">
                   <Link to={LINKS.PAYBACKFROMUSER}>
diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index 138e616..8f744c3 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -127,12 +127,14 @@ export const MenuList = observer((props) => {
         </Menu.Item>
       )}
       <SubMenu key="payback-main" icon={<ProfileOutlined />} title="Payback">
-        <Menu.Item key="payback-to-user">
-          <Link to={LINKS.PAYBACK}>
-            <PayCircleOutlined />
-            <span>Payback To</span>
-          </Link>
-        </Menu.Item>
+        {store.authentication.userData.role !== "Retail" && (
+          <Menu.Item key="payback-to-user">
+            <Link to={LINKS.PAYBACK}>
+              <PayCircleOutlined />
+              <span>Payback To</span>
+            </Link>
+          </Menu.Item>
+        )}
         {store.authentication.userData.role !== "Admin" && (
           <Menu.Item key="payback-from-user">
             <Link to={LINKS.PAYBACKFROMUSER}>
diff --git a/src/pages/Membership/Membership.js b/src/pages/Membership/Membership.js
index 8a4cd62..821332f 100644
--- a/src/pages/Membership/Membership.js
+++ b/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>