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

Image

Browse Source
This commit is contained in:
ajat91.sudrajat 2022-01-07 17:25:17 +07:00
parent e83ab369b9
commit f7f2b9c282
1 changed files with 50 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,7 +13,9 @@ import {
Tag, Tag,
Divider, Divider,
Image, Image,
Avatar,
} from "antd"; } from "antd";
import { UserOutlined } from "@ant-design/icons";
import { BreadcumbComponent } from "../../component/BreadcumbComponent"; import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import { LINKS } from "../../routes/app"; import { LINKS } from "../../routes/app";
import { useStore } from "../../utils/useStore"; import { useStore } from "../../utils/useStore";
@ -341,74 +343,90 @@ export const DetailUser = observer(() => {
<Row style={{ marginBottom: 20 }}> <Row style={{ marginBottom: 20 }}>
<Col lg={12} xs={24}> <Col lg={12} xs={24}>
<Row> <Row>
<Col span={10}> <Col span={12}>
<Text strong>Name</Text> <Text strong>Name</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text>{store.authentication.dataProfit.userDetail?.name}</Text> <Text>{store.authentication.dataProfit.userDetail?.name}</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Username</Text> <Text strong>Username</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text>{store.authentication.dataProfit.username}</Text> <Text>{store.authentication.dataProfit.username}</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Role</Text> <Text strong>Role</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text>{store.authentication.dataProfit.roles?.name}</Text> <Text>{store.authentication.dataProfit.roles?.name}</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Phone Number</Text> <Text strong>Phone Number</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text> <Text>
{store.authentication.dataProfit.userDetail?.phone_number} {store.authentication.dataProfit.userDetail?.phone_number}
</Text> </Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Id Number</Text> <Text strong>Id Number</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text> <Text>
{store.authentication.dataProfit.userDetail?.identity_number} {store.authentication.dataProfit.userDetail?.identity_number}
</Text> </Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Status</Text> <Text strong>Status</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text> <Text>
{store.authentication.dataProfit.isActive === true {store.authentication.dataProfit.isActive === true
? "Aktif" ? "Aktif"
: "Inaktif"} : "Inaktif"}
</Text> </Text>
</Col> </Col>
<Col span={10}>
<Text strong>Image identity</Text>
</Col>
<Col span={10}>
<Text strong>Image Store</Text>
</Col>
<Col span={10}>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
style={{ width: "5vw" }}
alt={store.authentication.dataProfit.userDetail?.name}
/>
</Col>
<Col span={10}>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_store}`}
style={{ width: "5vw" }}
alt={store.authentication.dataProfit.userDetail?.name}
/>
</Col>
</Row> </Row>
</Col> </Col>
<Col lg={12} xs={24}> <Col lg={12} xs={24}>
<Row> <Row>
<Col lg={24} xs={24}>
<Row>
<Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>
<Row justify={"center"}>
<Col lg={22} xs={12}>
<Title strong level={3} style={styleSaldoTitle}>
Foto Identitas
</Title>
</Col>
<Col lg={15} xs={12}>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
style={{ width: "10vw" }}
/>
</Col>
<Col></Col>
</Row>
</Col>
<Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>
<Row justify={"center"}>
<Col lg={22} xs={12}>
<Title strong level={3} style={styleSaldoTitle}>
Foto Toko
</Title>
</Col>
<Col lg={18} xs={12}>
<Image
src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_store}`}
style={{ width: "10vw" }}
/>
</Col>
<Col></Col>
</Row>
</Col>
</Row>
</Col>
<Col lg={24} xs={24}> <Col lg={24} xs={24}>
<Row> <Row>
<Col span={store.ui.mediaQuery.isMobile ? 24 : 10}> <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>