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

feat: profile page

Browse Source
This commit is contained in:
caturbgs 2021-12-14 12:13:39 +07:00
parent f5903db03e
commit 89443daa8c
1 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
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>
<Col span={12} style={{textAlign: "right"}}>
<Search
placeholder="input search text"
style={{width: 200, marginRight: 10}}
/>
<Button onClick={() => {
}}>
<PlusSquareOutlined/> New
</Button>
<Col span={24}>
<div>
<Title strong>Profile</Title>
<Row>
<Col span={10}>
<Text strong>Name</Text>
</Col>
<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>
</Col>
</Row>
<div></div>
<div/>
</Card>
</div>