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