From 89443daa8c305e9d4bd324dbfd8f4c8ba1cbabfb Mon Sep 17 00:00:00 2001
From: caturbgs <savemeplease11>
Date: Tue, 14 Dec 2021 12:13:39 +0700
Subject: [PATCH] feat: profile page

---
 src/pages/Profile/Profile.js | 42 ++++++++++++++++++++----------------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js
index 8aaa140..25e83d2 100644
--- a/src/pages/Profile/Profile.js
+++ b/src/pages/Profile/Profile.js
@@ -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>