diff --git a/src/component/SubcategoryComponent.js b/src/component/SubcategoryComponent.js
index 3cbeb2a..fd742f2 100644
--- a/src/component/SubcategoryComponent.js
+++ b/src/component/SubcategoryComponent.js
@@ -85,7 +85,7 @@ export const SubcategoryComponent = observer((props) => {
           : message.error(
               response?.body?.message || "Gagal Ubah Data Sub Kategori"
             );
-        //await getData();
+        await getData();
       } catch (e) {
         message.error(
           e.response?.body?.message || "Gagal Ubah Data Sub Kategori"
@@ -106,6 +106,7 @@ export const SubcategoryComponent = observer((props) => {
           : message.error(
               response?.body?.message || "Gagal Tambah Sub Kategori"
             );
+        await getData();
       } catch (e) {
         console.log(e, "apa errornya");
         message.error(e.response?.body?.message || "Gagal Tambah Sub Kategori");
diff --git a/src/pages/App/DesktopLayout.js b/src/pages/App/DesktopLayout.js
index 2a51446..b4399bf 100644
--- a/src/pages/App/DesktopLayout.js
+++ b/src/pages/App/DesktopLayout.js
@@ -140,6 +140,14 @@ export const DesktopLayout = observer(() => {
                   </Link>
                 </Menu.Item>
               )}
+              {store.authentication.userData.role === "Sales" && (
+                <Menu.Item key="membership">
+                  <Link to={LINKS.MEMBERSHIP}>
+                    <IdcardOutlined />
+                    <span>Keanggotaan</span>
+                  </Link>
+                </Menu.Item>
+              )}
               {store.authentication.userData.role === "Supervisor" && (
                 <Menu.Item key="membership">
                   <Link to={LINKS.MEMBERSHIP}>
@@ -221,6 +229,14 @@ export const DesktopLayout = observer(() => {
                   </Link>
                 </Menu.Item>
               )}
+              {store.authentication.userData.role === "Sales" && (
+                <Menu.Item key="product">
+                  <Link to={LINKS.PRODUCT}>
+                    <AppstoreAddOutlined />
+                    <span>Produk</span>
+                  </Link>
+                </Menu.Item>
+              )}
               {store.authentication.userData.role === "Admin Partner" && (
                 <Menu.Item key="transaction">
                   <Link to={LINKS.TRANSACTION}>
@@ -237,8 +253,7 @@ export const DesktopLayout = observer(() => {
                   </Link>
                 </Menu.Item>
               )}
-              {store.authentication.userData.role !== "Admin Partner" &&
-                store.authentication.userData.role !== "Retail" && (
+              {store.authentication.userData.role !== "Admin Partner" && (
                   <SubMenu
                     key="payback-main"
                     icon={<ProfileOutlined />}
diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index f5ee614..607b3ae 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -51,14 +51,14 @@ export const MenuList = observer((props) => {
       overflowedIndicator={0}
       forceSubMenuRender={true}
     >
-      {/* {store.authentication.userData.role === "Admin" && ( */}
-      <Menu.Item key="home">
-        <Link to={LINKS.HOME}>
-          <HomeOutlined />
-          <span>Beranda</span>
-        </Link>
-      </Menu.Item>
-      {/* )} */}
+      {store.authentication.userData.role !== "Retail" && (
+        <Menu.Item key="home">
+          <Link to={LINKS.HOME}>
+            <HomeOutlined />
+            <span>Beranda</span>
+          </Link>
+        </Menu.Item>
+      )}
       {store.authentication.userData.role === "Admin" && (
         <Menu.Item key="membership">
           <Link to={LINKS.MEMBERSHIP}>
@@ -75,6 +75,14 @@ export const MenuList = observer((props) => {
           </Link>
         </Menu.Item>
       )}
+      {store.authentication.userData.role === "Sales" && (
+        <Menu.Item key="membership">
+          <Link to={LINKS.MEMBERSHIP}>
+            <IdcardOutlined />
+            <span>Keanggotaan</span>
+          </Link>
+        </Menu.Item>
+      )}
       {store.authentication.userData.role === "Admin" && (
         <SubMenu key="config" icon={<SettingOutlined />} title="Config">
           <Menu.Item key="partner">
@@ -135,6 +143,14 @@ export const MenuList = observer((props) => {
           </Link>
         </Menu.Item>
       )}
+      {store.authentication.userData.role === "Sales" && (
+        <Menu.Item key="retail">
+          <Link to={LINKS.PRODUCT}>
+            <AppstoreAddOutlined />
+            <span>Produk</span>
+          </Link>
+        </Menu.Item>
+      )}
       {store.authentication.userData.role === "Supervisor" && (
         <Menu.Item key="retail">
           <Link to={LINKS.PRODUCT}>
@@ -151,31 +167,30 @@ export const MenuList = observer((props) => {
           </Link>
         </Menu.Item>
       )}
-      {store.authentication.userData.role !== "Retail" &&
-        store.authentication.userData.role !== "Admin Partner" && (
-          <SubMenu
-            key="payback-main"
-            icon={<CodepenOutlined />}
-            title="Pembayaran"
-          >
-            {store.authentication.userData.role !== "Retail" && (
-              <Menu.Item key="payback-to-user">
-                <Link to={LINKS.PAYBACK}>
-                  <FileProtectOutlined />
-                  <span>Konfirmasi</span>
-                </Link>
-              </Menu.Item>
-            )}
-            {store.authentication.userData.role !== "Admin" && (
-              <Menu.Item key="payback-from-user">
-                <Link to={LINKS.PAYBACK_CREATED}>
-                  <FileProtectOutlined />
-                  <span>Dibuat oleh Saya</span>
-                </Link>
-              </Menu.Item>
-            )}
-          </SubMenu>
-        )}
+      {store.authentication.userData.role !== "Admin Partner" && (
+        <SubMenu
+          key="payback-main"
+          icon={<CodepenOutlined />}
+          title="Pembayaran"
+        >
+          {store.authentication.userData.role !== "Retail" && (
+            <Menu.Item key="payback-to-user">
+              <Link to={LINKS.PAYBACK}>
+                <FileProtectOutlined />
+                <span>Konfirmasi</span>
+              </Link>
+            </Menu.Item>
+          )}
+          {store.authentication.userData.role !== "Admin" && (
+            <Menu.Item key="payback-from-user">
+              <Link to={LINKS.PAYBACK_CREATED}>
+                <FileProtectOutlined />
+                <span>Dibuat oleh Saya</span>
+              </Link>
+            </Menu.Item>
+          )}
+        </SubMenu>
+      )}
       {store.authentication.userData.role !== "Admin" && (
         <Menu.Item key="profile">
           <Link to={LINKS.PROFILE}>
diff --git a/src/pages/Login/Login.js b/src/pages/Login/Login.js
index 7a46f2e..a0df820 100644
--- a/src/pages/Login/Login.js
+++ b/src/pages/Login/Login.js
@@ -1,9 +1,9 @@
 import React from "react";
-import {observer} from 'mobx-react-lite';
-import {useStore} from "../../utils/useStore";
-import {Button, Card, Col, Form, Input, message, Row, Typography} from 'antd';
-import {useHistory} from "react-router-dom";
-import {LINKS} from "../../routes/app";
+import { observer } from "mobx-react-lite";
+import { useStore } from "../../utils/useStore";
+import { Button, Card, Col, Form, Input, message, Row, Typography } from "antd";
+import { useHistory } from "react-router-dom";
+import { LINKS } from "../../routes/app";
 
 export const Login = observer(() => {
   const store = useStore();
@@ -23,21 +23,31 @@ export const Login = observer(() => {
       }
       message.error(e.message);
     }
-      history.push(LINKS.HOME);
-  }
+    store.authentication.userData.role === "Retail"
+      ? history.push(LINKS.TRANSACTION)
+      : history.push(LINKS.HOME);
+  };
 
   return (
-    <div style={{width: '100vw', display: 'flex', justifyContent: 'center'}}>
-      <Row justify={'center'}>
+    <div style={{ width: "100vw", display: "flex", justifyContent: "center" }}>
+      <Row justify={"center"}>
         <Col>
-          <div style={{
-            display: 'flex',
-            justifyContent: 'flex-start',
-            marginTop: '5vh',
-            flexDirection: 'column',
-            alignItems: 'center',
-          }}>
-            <div style={{display: 'flex', flexDirection: 'column', alignItems: 'stretch'}}>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "flex-start",
+              marginTop: "5vh",
+              flexDirection: "column",
+              alignItems: "center",
+            }}
+          >
+            <div
+              style={{
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "stretch",
+              }}
+            >
               <Typography.Paragraph
                 style={{
                   margin: 0,
@@ -52,11 +62,11 @@ export const Login = observer(() => {
               </Typography.Paragraph>
             </div>
             <Card
-              style={{width: 320, textAlign: 'center'}}
-              headStyle={{fontSize: 13, fontWeight: 200}}
+              style={{ width: 320, textAlign: "center" }}
+              headStyle={{ fontSize: 13, fontWeight: 200 }}
               className={"shadow"}
               bordered={true}
-              title={'Sign in to your account'}
+              title={"Sign in to your account"}
             >
               <Form
                 layout={"vertical"}
@@ -64,17 +74,32 @@ export const Login = observer(() => {
                 onFinish={handleLogin}
                 className={"w-9/12"}
               >
-                <Form.Item label="Username" name="username"
-                           rules={[{required: true, message: 'Please input your username!'}]}>
-                  <Input/>
+                <Form.Item
+                  label="Username"
+                  name="username"
+                  rules={[
+                    { required: true, message: "Please input your username!" },
+                  ]}
+                >
+                  <Input />
                 </Form.Item>
-                <Form.Item label="Password" name="password"
-                           rules={[{required: true, message: 'Please input your password!'}]}>
-                  <Input.Password/>
+                <Form.Item
+                  label="Password"
+                  name="password"
+                  rules={[
+                    { required: true, message: "Please input your password!" },
+                  ]}
+                >
+                  <Input.Password />
                 </Form.Item>
                 <div className={"flex flex-row justify-between content-center"}>
-                  <Button type="primary" htmlType="submit"
-                          loading={store.authentication.isLoginLoading}>Submit</Button>
+                  <Button
+                    type="primary"
+                    htmlType="submit"
+                    loading={store.authentication.isLoginLoading}
+                  >
+                    Submit
+                  </Button>
                 </div>
               </Form>
             </Card>
diff --git a/src/pages/Membership/Membership.js b/src/pages/Membership/Membership.js
index fd5fe25..1c12ed3 100644
--- a/src/pages/Membership/Membership.js
+++ b/src/pages/Membership/Membership.js
@@ -327,13 +327,10 @@ export const Membership = observer(() => {
                         description={
                           <div style={{}}>
                             <p>
+                              <small>Saldo System : {item.name}</small> <br />
                               <small>Role : {item.roleName}</small> <br />
                               <small>
-                                Saldo Supplier : {item.coa.amount}
-                              </small>{" "}
-                              <br />
-                              <small>
-                                Saldo System : {item.coa.amount}
+                                Saldo Supplier : {item.coa?.amount}
                               </small>{" "}
                               <br />
                               <Button
diff --git a/src/store/category.js b/src/store/category.js
index 12e238c..bec46af 100644
--- a/src/store/category.js
+++ b/src/store/category.js
@@ -22,7 +22,7 @@ export class Category {
     async getData() {
         try {
             const response = await http.get(`/product/categories?page=${this.page}&pageSize=${this.pageSize}`);
-            console.log(response)
+            //console.log(response)
             this.data = response.body.data.map((item, idx) => {
                 item.key = idx;
                 return item
diff --git a/src/store/membership.js b/src/store/membership.js
index 5fb1f9d..f9cd8d4 100644
--- a/src/store/membership.js
+++ b/src/store/membership.js
@@ -17,6 +17,7 @@ export class Membership {
     async getData() {
         try {
             const response = await http.get(`/users?page=${this.page}&pageSize=${this.pageSize}`);
+            //console.log(response)
             this.data = response.body.data.map((item, idx) => {
                 item.key = idx;
                 item.name = item?.user_detail?.name;
@@ -35,7 +36,7 @@ export class Membership {
     async getDetail(id) {
         try {
             const response = await http.get(`/users/`+id);
-            console.log(response,'Data Detail')
+            //console.log(response,'Data Detail')
             this.dataDetail = response.body.data
         } catch (e) {
             console.error(e);
diff --git a/src/store/subcategory.js b/src/store/subcategory.js
index e27fa3a..293830b 100644
--- a/src/store/subcategory.js
+++ b/src/store/subcategory.js
@@ -27,6 +27,7 @@ export class Subcategory {
     async getData() {
         try {
             const response = await http.get(`/product/sub-categories?page=${this.page}&pageSize=${this.pageSize}`);
+            console.log(response)
             this.data = response.body.data.map((item, idx) => {
             item.key = idx;
             item.categoryName = item.category.name;
diff --git a/src/store/ui.js b/src/store/ui.js
index f5e9710..077cd8f 100644
--- a/src/store/ui.js
+++ b/src/store/ui.js
@@ -23,7 +23,7 @@ export class UI {
     };
 
     toggleLeftDrawerIsShown() {
-        console.log('what')
+        //console.log('what')
         this.leftDrawerIsShown = !this.leftDrawerIsShown;
     }