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

Data Membership

Browse Source
This commit is contained in:
ajat91 2021-12-10 10:53:02 +07:00 committed by caturbgs
parent 56252bbd53
commit ac948f3dd5
2 changed files with 39 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,16 +16,17 @@ export const Membership = observer(() => {
const [confirmLoading, setConfirmLoading] = useState(false); const [confirmLoading, setConfirmLoading] = useState(false);
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
useEffect(() => { const init = async () => {
const init = async () => { try {
try { setIsLoading(true)
setIsLoading(true) await store.membership.getData();
await store.membership.getData(); setIsLoading(false)
setIsLoading(false) } catch (e) {
} catch (e) { setIsLoading(false)
setIsLoading(false)
}
} }
}
useEffect(() => {
init() init()
@ -34,26 +35,26 @@ export const Membership = observer(() => {
const columns = [ const columns = [
{ {
title: "Name", title: "Name",
dataIndex: "name", dataIndex: "username",
key: "name", key: "username",
}, },
{ {
title: "Username", title: "Username",
dataIndex: "name", dataIndex: "username",
key: "name", key: "username",
}, },
{ {
title: "Status", title: "Status",
dataIndex: "status", dataIndex: "status",
key: "status", key: "status",
render: (text, record) => ( render: (text, record) => (
<> <Tag
<Tag color="#E3E8EE" style={{color: "#4F566B"}}> color={record?.isActive === true ? "processing" : "#E3E8EE"}
Inactive style={{color: "#4F566B"}}
</Tag> >
<Tag color="processing">Active</Tag> {record?.status}
</> </Tag>
) )
}, },
{ {
title: "Action", title: "Action",
@ -163,21 +164,21 @@ export const Membership = observer(() => {
hasEmpty hasEmpty
size={"small"} size={"small"}
columns={columns} columns={columns}
dataSource={store.membership.data} dataSource={store.membership.data[0]}
bordered bordered
pagination={{ // pagination={{
total: store.membership.total_data, // total: store.membership.total_data,
current: store.membership.page, // current: store.membership.page,
pageSize: store.membership.pageSize, // pageSize: store.membership.pageSize,
simple: true // simple: true
}} // }}
onChange={(page) => { // onChange={(page) => {
store.membership.pageSize = page.pageSize; // store.membership.pageSize = page.pageSize;
store.membership.page = page.current; // store.membership.page = page.current;
store.membership.getData(); // store.membership.getData();
}} // }}
current={store.membership.page} // current={store.membership.page}
loading={store.membership.pageSize} // loading={store.membership.pageSize}
/>)} />)}
{store.ui.mediaQuery.isMobile && ( {store.ui.mediaQuery.isMobile && (

6
src/store/membership.js
View File

@ -2,7 +2,7 @@ import {action, makeAutoObservable} from "mobx";
import {http} from "../utils/http"; import {http} from "../utils/http";
export class Membership { export class Membership {
page = 1; page = 0;
pageSize = 10 pageSize = 10
data = []; data = [];
total_data = 0 total_data = 0
@ -14,7 +14,9 @@ export class Membership {
@action @action
async getData() { async getData() {
const response = await http.get(`/user?page=${this.page}&pageSize=${this.pageSize}`); const response = await http.get(`/users/find-by-supperior?page=${this.page}&pageSize=${this.pageSize}`);
// console.log(response, 'Data user')
// console.log(JSON.stringify(response.body.data), 'Data')
this.data = response.body.data ?? [] this.data = response.body.data ?? []
this.total_data = response.body.total_data ?? 0 this.total_data = response.body.total_data ?? 0
} }