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