diff --git a/src/component/PartnerComponent.js b/src/component/PartnerComponent.js
index 7e3adf0..bae4786 100644
--- a/src/component/PartnerComponent.js
+++ b/src/component/PartnerComponent.js
@@ -421,8 +421,8 @@ export const PartnerComponent = observer((props) => {
                   message: "Phone number should contain just number",
                 },
                 {
-                  pattern: /^[\d]{2,12}$/,
-                  message: "Phone number should be less than 12 character",
+                  pattern: /^[\d]{10,12}$/,
+                  message: "Phone number should be 10 - 12 character",
                 },
               ]}
             >
diff --git a/src/component/SubcategoryComponent.js b/src/component/SubcategoryComponent.js
index fd742f2..22a57a7 100644
--- a/src/component/SubcategoryComponent.js
+++ b/src/component/SubcategoryComponent.js
@@ -251,7 +251,7 @@ export const SubcategoryComponent = observer((props) => {
           >
             <Input />
           </Form.Item>
-          {!idData && (
+          {/* {!idData && ( */}
             <Form.Item
               name="categoryId"
               label="Categories"
@@ -259,13 +259,13 @@ export const SubcategoryComponent = observer((props) => {
             >
               <Select placeholder="Select Category" allowClear>
                 {store.category.data.map((item) => (
-                  <Option value={item.id} key={item.id}>
+                  <Option value={item.id} key={item.id} defaultValue={item.name}>
                     {item.name}
                   </Option>
                 ))}
               </Select>
             </Form.Item>
-          )}
+          {/* )} */}
         </Form>
       </Modal>
     </div>
diff --git a/src/pages/App/DesktopLayout.js b/src/pages/App/DesktopLayout.js
index fbcdfbe..909921e 100644
--- a/src/pages/App/DesktopLayout.js
+++ b/src/pages/App/DesktopLayout.js
@@ -196,14 +196,6 @@ export const DesktopLayout = observer(() => {
                       <span>Produk</span>
                     </Link>
                   </Menu.Item>
-                  {store.authentication.userData.role === "Admin" && (
-                    <Menu.Item key="category">
-                      <Link to={LINKS.CATEGORY}>
-                        <FileAddOutlined />
-                        <span>Kategori</span>
-                      </Link>
-                    </Menu.Item>
-                  )}
                   {store.authentication.userData.role === "Admin" && (
                     <Menu.Item key="sub-category">
                       <Link to={LINKS.SUBCATEGORY}>
@@ -214,6 +206,14 @@ export const DesktopLayout = observer(() => {
                   )}
                 </SubMenu>
               )}
+              {store.authentication.userData.role === "Admin" && (
+                <Menu.Item key="category">
+                  <Link to={LINKS.CATEGORY}>
+                    <FileAddOutlined />
+                    <span>Kategori</span>
+                  </Link>
+                </Menu.Item>
+              )}
               {store.authentication.userData.role === "Supervisor" && (
                 <Menu.Item key="product">
                   <Link to={LINKS.PRODUCT}>
diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index 62b9b43..3126d42 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -60,12 +60,12 @@ export const MenuList = observer((props) => {
         </Menu.Item>
       )}
       {store.authentication.userData.role === "Admin Partner" && (
-          <Menu.Item key="home">
-            <Link to={LINKS.HOME}>
-              <HomeOutlined />
-              <span>Beranda</span>
-            </Link>
-          </Menu.Item>
+        <Menu.Item key="home">
+          <Link to={LINKS.HOME}>
+            <HomeOutlined />
+            <span>Beranda</span>
+          </Link>
+        </Menu.Item>
       )}
       {store.authentication.userData.role === "Admin" && (
         <Menu.Item key="membership">
@@ -125,14 +125,6 @@ export const MenuList = observer((props) => {
               <span>Produk</span>
             </Link>
           </Menu.Item>
-          {store.authentication.userData.role === "Admin" && (
-            <Menu.Item key="category">
-              <Link to={LINKS.CATEGORY}>
-                <FileAddOutlined />
-                <span>Kategori</span>
-              </Link>
-            </Menu.Item>
-          )}
           {store.authentication.userData.role === "Admin" && (
             <Menu.Item key="sub-category">
               <Link to={LINKS.SUBCATEGORY}>
@@ -141,6 +133,14 @@ export const MenuList = observer((props) => {
               </Link>
             </Menu.Item>
           )}
+          {store.authentication.userData.role === "Admin" && (
+            <Menu.Item key="category">
+              <Link to={LINKS.CATEGORY}>
+                <FileAddOutlined />
+                <span>Kategori</span>
+              </Link>
+            </Menu.Item>
+          )}
         </SubMenu>
       )}
       {store.authentication.userData.role === "Admin Partner" && (
diff --git a/src/pages/Membership/Membership.js b/src/pages/Membership/Membership.js
index 275bd15..9f38c91 100644
--- a/src/pages/Membership/Membership.js
+++ b/src/pages/Membership/Membership.js
@@ -197,7 +197,7 @@ export const Membership = observer(() => {
     },
     {
       title: "Role",
-      dataIndex: "roleName",
+      dataIndex: ["roles","name"],
       key: "role",
     },
     {
diff --git a/src/pages/Payback/Payback.js b/src/pages/Payback/Payback.js
index 7573c46..7a70fc2 100644
--- a/src/pages/Payback/Payback.js
+++ b/src/pages/Payback/Payback.js
@@ -33,6 +33,7 @@ import { ModalLoaderContext } from "../../utils/modal";
 import { appConfig } from "../../config/app";
 import { capitalize } from "lodash";
 import { PAYBACK_STATUS } from "../../constants/payback";
+import moment from "moment";
 
 const { Search } = Input;
 const { RangePicker } = DatePicker;
@@ -235,13 +236,11 @@ export const Payback = observer(() => {
     const data = form.getFieldsValue();
     //console.log(data);
     store.payback.filterMembership = filterMembership;
-    store.payback.filterStart = data.start_date;
-    store.payback.filterEnd = data.end_date;
+    store.payback.filterStart = data.start_date ? (moment(data.start_date).format('YYYY-MM-DD') + ' 00:00:00') : null;
+    store.payback.filterEnd = data.end_date ? (moment(data.end_date).format('YYYY-MM-DD') + ' 23:59:59') : null;
     modalLoader.setLoading(true);
     await store.payback.getDataConfirmation();
     modalLoader.setLoading(false);
-    form.resetFields();
-    setFilterMembership([]);
     store.payback.visibleModalFilterPayback = false;
   };
 
diff --git a/src/pages/Payback/PaybackCreated.js b/src/pages/Payback/PaybackCreated.js
index 193f9da..084bd04 100644
--- a/src/pages/Payback/PaybackCreated.js
+++ b/src/pages/Payback/PaybackCreated.js
@@ -26,7 +26,7 @@ import { LINKS } from "../../routes/app";
 import { ModalLoaderContext } from "../../utils/modal";
 import { appConfig } from "../../config/app";
 import { PAYBACK_STATUS } from "../../constants/payback";
-import moment from 'moment';
+import moment from "moment";
 
 const { Search } = Input;
 
@@ -38,7 +38,6 @@ export const PaybackCreated = observer(() => {
   const [filterMembership, setFilterMembership] = useState([]);
   const [initialData, setInitialData] = useState({});
   const modalLoader = useContext(ModalLoaderContext);
-  
 
   useEffect(() => {
     const init = async () => {
@@ -90,12 +89,35 @@ export const PaybackCreated = observer(() => {
       dataIndex: "status",
       key: "status",
       width: "10%",
-      render: (text) => (
+      render: (text, record) => (
+        // <Tag
+        //   color={PAYBACK_STATUS[text] === PAYBACK_STATUS[3] ? "cyan" : "red"}
+        //   style={{ color: "#4F566B" }}
+        // >
+        //   {PAYBACK_STATUS[text]}
+        // </Tag>
         <Tag
-          color={PAYBACK_STATUS[text] === PAYBACK_STATUS[3] ? "cyan" : "red"}
-          style={{ color: "#4F566B" }}
+          color={
+            record.status === 0
+              ? "purple"
+              : record.status === 1
+              ? "blue"
+              : record.status === 2
+              ? "warning"
+              : record.status === 3
+              ? "success"
+              : "red"
+          }
         >
-          {PAYBACK_STATUS[text]}
+          {record.status === 0
+            ? "Pending"
+            : record.status === 1
+            ? "Success"
+            : record.status === 2
+            ? "Failed"
+            : record.status === 3
+            ? "Approved"
+            : "Rejected"}
         </Tag>
       ),
     },
@@ -133,10 +155,14 @@ export const PaybackCreated = observer(() => {
     // const awal = format(parseISO(data.start_date), "dd-MM-yyyy")
     // const akhir = format(parseISO(data.start_date), "dd-MM-yyyy")
     //const awal= format(startOfDay(date.start_date()), 'yyyy-MM-dd 00:00')
-    const awal=store.payback.filterStart = moment(data.start_date).format('YYYY-MM-DD HH:mm:ss');
-    const akhir=store.payback.filterEnd = moment(data.end_date).format('YYYY-MM-DD HH:mm:ss');
-    console.log(awal)
-    console.log(akhir)
+    const awal = (store.payback.filterStart = moment(data.start_date).format(
+      "YYYY-MM-DD 00:00:00"
+    ));
+    const akhir = (store.payback.filterEnd = moment(data.end_date).format(
+      "YYYY-MM-DD HH:mm:ss"
+    ));
+    console.log(awal);
+    console.log(akhir);
     modalLoader.setLoading(true);
     await store.payback.getDataCreated();
     modalLoader.setLoading(false);
@@ -189,9 +215,9 @@ export const PaybackCreated = observer(() => {
           <Row style={{ marginBottom: 20 }}>
             <Col span={12}>
               <Button
-                 onClick={() => {
-                   store.payback.visibleModalFilterCreate = true;
-                 }}
+                onClick={() => {
+                  store.payback.visibleModalFilterCreate = true;
+                }}
               >
                 <FilterOutlined />
                 Filter
@@ -309,7 +335,7 @@ export const PaybackCreated = observer(() => {
         visible={store.payback.visibleModalFilterCreate}
         title={"Filter"}
         footer={footerLayoutFilter}
-        onCancel={async() => {
+        onCancel={async () => {
           //form.resetFields();
           store.payback.filterStart = null;
           store.payback.filterEnd = null;
diff --git a/src/store/payback.js b/src/store/payback.js
index 3cc7ed1..a75675e 100644
--- a/src/store/payback.js
+++ b/src/store/payback.js
@@ -21,6 +21,10 @@ export class Payback {
   filterStart = null;
   filterEnd = null;
 
+  filterStartConfirmation = null;
+  filterEndConfirmation = null;
+
+
   //filter created
   visibleModalFilterCreate = false;
   constructor(ctx) {
@@ -33,6 +37,7 @@ export class Payback {
       const response = await http.get(
         `/transaction/deposit-return?page=${this.pageCreated}&pageSize=${this.pageSizeCreated}&start=${this.filterStart}&end=${this.filterEnd}`
       );
+      console.log(response)
       this.dataCreated =
         response.body.data.map((item, idx) => {
           item.key = idx;
@@ -48,7 +53,7 @@ export class Payback {
   async getDataConfirmation() {
     try {
       const response = await http.get(
-        `/transaction/deposit-return/confirmation?page=${this.pageConfirmation}&pageSize=${this.pageSizeConfirmation}`
+        `/transaction/deposit-return/confirmation?page=${this.pageConfirmation}&pageSize=${this.pageSizeConfirmation}&start=${this.filterStart}&end=${this.filterEnd}&sender=${this.filterMembership}`
       );
       console.log(response);
       this.dataConfirmation =