feat: show membership by superior

src/pages/App/DesktopLayout.js

@@ -83,7 +83,7 @@ export const DesktopLayout = observer(() => {
                 color: "#413d3e",
               }}
             >
-              Admin
+              {store.authentication.userData.role}
             </Paragraph>
           </div>
           <MenuList closeLeftDrawer={() => {}} />

src/pages/Membership/Membership.js

@@ -37,8 +37,8 @@ export const Membership = observer(() => {
     const init = async () => {
       try {
         setIsLoading(true);
-        await store.membership.getData();
-        await store.role.getData();
+        await getData();
+        store.role.getData();
         setIsLoading(false);
       } catch (e) {
         setIsLoading(false);
@@ -48,6 +48,12 @@ export const Membership = observer(() => {
     init();
   }, []);
 
+  const getData = () => {
+    (store.authentication.userData.role === "Admin")
+          ? store.membership.getData()
+          : store.membership.getDataBySuperior();
+  }
+
   const changeStatus = async (id, isActive) => {
     const status = isActive ? "inactive" : "active";
     const status2 = isActive ? "Inactivating" : "Activating";
@@ -77,6 +83,11 @@ export const Membership = observer(() => {
       dataIndex: "username",
       key: "username",
     },
+    {
+      title: "Role",
+      dataIndex: "roleName",
+      key: "role",
+    },
     {
       title: "Status",
       dataIndex: "status",
@@ -165,7 +176,7 @@ export const Membership = observer(() => {
             ? "Success Change Member Password"
             : "Success Update Data Member"
         );
-        await store.membership.getData();
+        await getData();
       } catch (e) {
         message.error(
           initialData.isChangePassword
@@ -181,7 +192,7 @@ export const Membership = observer(() => {
       try {
         await store.membership.create(data);
         message.success("Success Add New Member");
-        await store.membership.getData();
+        await getData();
       } catch (e) {
         console.log(e, "apa errornya");
         message.error("Failed Add Member");
@@ -203,7 +214,7 @@ export const Membership = observer(() => {
           //TODO: minta apinya ke ka ilham ya, jangan di uncomment kalo pake api reconcile, nanti beneran ke apus datanya
           await store.membership.delete(record);
           message.success("Success Delete Data");
-          await store.membership.getData();
+          await getData();
         } catch (e) {
           message.error("Failed Delete Data");
         }
@@ -268,7 +279,7 @@ export const Membership = observer(() => {
                 store.membership.pageSize = page.pageSize;
                 store.membership.page = pageNumber - 1;
                 // store.membership.isLoading = true;
-                await store.membership.getData();
+                await getData();
                 // store.membership.isLoading = false;
               }}
             />
@@ -282,7 +293,7 @@ export const Membership = observer(() => {
                 onChange: (page) => {
                   store.membership.pageSize = page.pageSize;
                   store.membership.page = page.current;
-                  store.membership.getData();
+                  getData();
                 },
                 pageSize: store.membership.pageSize,
                 total: store.membership.total_data,

src/pages/Product/Product.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { Button, Card, Col, Input, Row, Tabs } from "antd";
+import { Button, Card, Col, Input, Row, Select, Tabs } from "antd";
 import { FilterOutlined, PlusSquareOutlined } from "@ant-design/icons";
 import { BreadcumbComponent } from "../../component/BreadcumbComponent";
 import { useStore } from "../../utils/useStore";
@@ -9,6 +9,7 @@ import { LINKS } from "../../routes/app";
 
 const { TabPane } = Tabs;
 const { Search } = Input;
+const { Option } = Select;
 
 export const Product = observer(() => {
   const [isLoading, setIsLoading] = useState(false);
@@ -72,14 +73,27 @@ export const Product = observer(() => {
           </Col>
         </Row>
 
-        <Tabs onChange={handleChangeTabPane} size="default" tabBarGutter="50">
+        <Row>
+          <Col span={24}>
+            <Select
+              placeholder="Choose Supplier"
+              onChange={(val) => console.log(val, "SELECTED")}
+              style={{ marginBottom: "20px", width: "100%" }}
+            >
+              <Option value={1}>Hemm</Option>
+              <Option value={2}>Huam</Option>
+            </Select>
+          </Col>
+        </Row>
+
+        {/* <Tabs onChange={handleChangeTabPane} size="default" tabBarGutter="50">
           {store.product.dataCategories.map((item, idx) => (
-            <TabPane tab={item.name} key={item.id}>
-              {/* <ProductComponent category={item.name} /> */}
-              <ProductComponent />
-            </TabPane>
+            <TabPane tab={item.name} key={item.id}> */}
+        {/* <ProductComponent category={item.name} /> */}
+        <ProductComponent />
+        {/* </TabPane>
           ))}
-        </Tabs>
+        </Tabs> */}
       </Card>
     </div>
   );