PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pages Membership

Browse Source
This commit is contained in:
ajat91 2021-12-10 16:32:05 +07:00
parent 555775d353
commit 72d8566f23
1 changed files with 46 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/Membership/Membership.js
View File

@ -1,11 +1,27 @@
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import {Button, Card, Col, Divider, Input, List, message, Modal, Row, Space, Table, Tag,} from "antd"; import {
Button,
Card,
Col,
Divider,
Input,
List,
message,
Modal,
Row,
Space,
Table,
Tag,
} from "antd";
import { useStore } from "../../utils/useStore"; import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import {ExclamationCircleOutlined, FilterOutlined, PlusSquareOutlined,} from "@ant-design/icons"; import {
ExclamationCircleOutlined,
FilterOutlined,
PlusSquareOutlined,
} from "@ant-design/icons";
import { MembershipModal } from "./MembershipModal"; import { MembershipModal } from "./MembershipModal";
import { BreadcumbComponent } from "../../component/BreadcumbComponent"; import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import {LINKS} from "../../routes/app";
const { Search } = Input; const { Search } = Input;
@ -89,11 +105,11 @@ export const Membership = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: "/app/home",
name: "Home", name: "Home",
}, },
{ {
route: LINKS.MEMBERSHIP, route: "/app/membership",
name: <span style={{ fontWeight: "bold" }}>Membership</span>, name: <span style={{ fontWeight: "bold" }}>Membership</span>,
}, },
]; ];
@ -103,7 +119,7 @@ export const Membership = observer(() => {
setInitialData({}); setInitialData({});
setConfirmLoading(true); setConfirmLoading(true);
try { try {
console.log(data) console.log(data);
await store.membership.update(initialData.id, data); await store.membership.update(initialData.id, data);
message.success("Success Update Data Member"); message.success("Success Update Data Member");
await store.membership.getData(); await store.membership.getData();
@ -128,7 +144,6 @@ export const Membership = observer(() => {
} }
}; };
const handleDelete = (record) => { const handleDelete = (record) => {
Modal.confirm({ Modal.confirm({
title: "Are you sure delete this record?", title: "Are you sure delete this record?",
@ -139,7 +154,7 @@ export const Membership = observer(() => {
async onOk() { async onOk() {
try { try {
//TODO: minta apinya ke ka ilham ya, jangan di uncomment kalo pake api reconcile, nanti beneran ke apus datanya //TODO: minta apinya ke ka ilham ya, jangan di uncomment kalo pake api reconcile, nanti beneran ke apus datanya
await store.membership.delete(record) await store.membership.delete(record);
message.success("Success Delete Data"); message.success("Success Delete Data");
await store.membership.getData(); await store.membership.getData();
} catch (e) { } catch (e) {
@ -171,12 +186,18 @@ export const Membership = observer(() => {
<Col span={12} style={{ textAlign: "right" }}> <Col span={12} style={{ textAlign: "right" }}>
<Search <Search
placeholder="input search text" placeholder="input search text"
style={{width: 200, marginRight: 10}} style={{
width: store.ui.mediaQuery.isMobile ? 160 : 200,
marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
}}
/> />
<Button onClick={() => { <Button
onClick={() => {
setInitialData({}); setInitialData({});
setVisibleModal(true); setVisibleModal(true);
}}> }}
>
<PlusSquareOutlined /> New <PlusSquareOutlined /> New
</Button> </Button>
</Col> </Col>