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

fix: fix detail user

Browse Source
This commit is contained in:
ilham 2022-01-03 01:05:31 +07:00
parent 08dd698402
commit 2fedb5fa6e
1 changed files with 136 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

214
src/pages/Membership/DetailUser.js
View File

@ -189,6 +189,7 @@ export const DetailUser = observer(() => {
}, },
}, },
]; ];
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
@ -204,6 +205,19 @@ export const DetailUser = observer(() => {
}, },
]; ];
const styleSaldoTitle = store.ui.mediaQuery.isDesktop
? {
display: "flex",
justifyContent: "center",
}
: { fontSize: "0.75rem" };
const styleSaldoContent = store.ui.mediaQuery.isDesktop
? {
fontSize: "1.25rem",
display: "flex",
justifyContent: "center",
}
: null;
return ( return (
<div className={["ppob-container"].join(" ")}> <div className={["ppob-container"].join(" ")}>
<BreadcumbComponent data={routeData} /> <BreadcumbComponent data={routeData} />
@ -251,84 +265,128 @@ export const DetailUser = observer(() => {
</Row> </Row>
</Col> </Col>
<Col lg={12} xs={24}> <Col lg={12} xs={24}>
{store.authentication.userData.role === "Admin" && ( <Row>
<Title strong level={3}> <Col lg={24} xs={24} style={{marginBottom: 30}}>
Action User Detail {store.authentication.userData.role === "Admin" && (
</Title> <Title strong level={3}>
)} Action User Detail
{store.authentication.userData.role === "Admin" && ( </Title>
<Space )}
size="middle" {store.authentication.userData.role === "Admin" && (
align={"center"} <Space
wrap={true} size="middle"
style={{ textAlign: "center" }} align={"center"}
> wrap={true}
<Button style={{ textAlign: "center" }}
type={ >
store.membership.dataDetail.isActive === true <Button
? "danger" type={
: "primary" store.membership.dataDetail.isActive === true
} ? "danger"
onClick={() => : "primary"
changeStatus( }
store.membership.dataDetail.id, onClick={() =>
store.membership.dataDetail.isActive changeStatus(
) store.membership.dataDetail.id,
} store.membership.dataDetail.isActive
> )
{store.membership.dataDetail.isActive === true }
? "Inactive" >
: "Active"} {store.membership.dataDetail.isActive === true
</Button> ? "Inactive"
<Button : "Active"}
onClick={() => { </Button>
setInitialData({ <Button
id: store.membership.dataDetail.id, onClick={() => {
name: store.membership.dataDetail.userDetail.name, setInitialData({
username: store.membership.dataDetail.username, id: store.membership.dataDetail.id,
phone_number: name: store.membership.dataDetail.userDetail.name,
store.membership.dataDetail.userDetail.phone_number, username: store.membership.dataDetail.username,
roleId: store.membership.dataDetail.roles.id, phone_number:
isChangePassword: false, store.membership.dataDetail.userDetail.phone_number,
}); roleId: store.membership.dataDetail.roles.id,
setVisibleModal(true); isChangePassword: false,
}} });
> setVisibleModal(true);
Edit }}
</Button> >
<Button Edit
onClick={() => { </Button>
setInitialData({ <Button
id: store.membership.dataDetail.id, onClick={() => {
name: store.membership.dataDetail.userDetail.name, setInitialData({
username: store.membership.dataDetail.username, id: store.membership.dataDetail.id,
phone_number: name: store.membership.dataDetail.userDetail.name,
store.membership.dataDetail.userDetail.phone_number, username: store.membership.dataDetail.username,
roleId: store.membership.dataDetail.roles.id, phone_number:
isChangePassword: true, store.membership.dataDetail.userDetail.phone_number,
}); roleId: store.membership.dataDetail.roles.id,
setVisibleModal(true); isChangePassword: true,
}} });
> setVisibleModal(true);
Ganti Password }}
</Button> >
<Button Ganti Password
type={ </Button>
store.membership.dataDetail.isActive === true <Button
? "danger" type={
: "primary" store.membership.dataDetail.isActive === true
} ? "danger"
onClick={() => : "primary"
changeStatus( }
store.membership.dataDetail.id, onClick={() =>
store.membership.dataDetail.isActive changeStatus(
) store.membership.dataDetail.id,
} store.membership.dataDetail.isActive
> )
Withdraw Profit }
</Button> >
</Space> Withdraw Profit
)} </Button>
</Space>
)}
</Col>
<Col lg={24} xs={24}>
<Row>
<Col lg={12} xs={12}>
<Row justify={"center"}>
<Col lg={12} xs={12}>
<Title strong level={3} style={styleSaldoTitle}>
Saldo
</Title>
</Col>
<Col lg={24} xs={12}>
<Text style={styleSaldoContent}>
{new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(store.authentication.profileData?.wallet || 0)}
</Text>
</Col>
<Col></Col>
</Row>
</Col>
<Col lg={12} xs={12}>
<Row justify={"center"}>
<Col lg={12} xs={12}>
<Title strong level={3} style={styleSaldoTitle}>
Profit
</Title>
</Col>
<Col lg={24} xs={12}>
<Text style={styleSaldoContent}>
{new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(store.authentication.profileData?.profit || 0)}
</Text>
</Col>
<Col></Col>
</Row>
</Col>
</Row>
</Col>
</Row>
</Col> </Col>
</Row> </Row>
<Row> <Row>