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

Merge branch 'develop' of https://gitlab.com/empatnusabangsa/ppob/ppob-frontend into develop

Browse Source
This commit is contained in:
ajat91 2021-12-14 18:56:05 +07:00
commit 324dd47709
1 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/Profile/Profile.js
View File

@ -1,12 +1,13 @@
import React from "react"; import React from "react";
import {Button, Card, Col, Input, Row} from "antd"; import {Card, Col, Row, Typography} from "antd";
import {BreadcumbComponent} from "../../component/BreadcumbComponent"; import {BreadcumbComponent} from "../../component/BreadcumbComponent";
import {FilterOutlined, PlusSquareOutlined} from "@ant-design/icons";
import {LINKS} from "../../routes/app"; import {LINKS} from "../../routes/app";
import {useStore} from "../../utils/useStore";
const {Search} = Input; const {Title, Text} = Typography;
export const Profile = () => { export const Profile = () => {
const store = useStore();
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
@ -23,24 +24,27 @@ export const Profile = () => {
<BreadcumbComponent data={routeData}/> <BreadcumbComponent data={routeData}/>
<Card> <Card>
<Row style={{marginBottom: 20}}> <Row style={{marginBottom: 20}}>
<Col span={12}> <Col span={24}>
<Button> <div>
<FilterOutlined/> <Title strong>Profile</Title>
Filter <Row>
</Button> <Col span={10}>
<Text strong>Name</Text>
</Col> </Col>
<Col span={12} style={{textAlign: "right"}}> <Col span={14}>
<Search <Text>{store.authentication.userData.username}</Text>
placeholder="input search text" </Col>
style={{width: 200, marginRight: 10}} <Col span={10}>
/> <Text strong>Role</Text>
<Button onClick={() => { </Col>
}}> <Col span={14}>
<PlusSquareOutlined/> New <Text>{store.authentication.userData.role}</Text>
</Button>
</Col> </Col>
</Row> </Row>
<div></div> </div>
</Col>
</Row>
<div/>
</Card> </Card>
</div> </div>