feat: get data from jwt

src/pages/App/DesktopLayout.js

@@ -279,9 +279,9 @@ export const DesktopLayout = observer(() => {
                                     }
                                     title={
                                         <Text>
-                                            {store.user.data.email}{" "}
+                                            {store.user.data.username}
                                             <Paragraph style={{fontWeight: 400}} type={"secondary-dark"}>
-                                                {store.authentication.userData.email}
+                                                {store.authentication.userData.username}
                                             </Paragraph>
                                         </Text>
                                     }
@@ -353,12 +353,13 @@ export const DesktopLayout = observer(() => {
                                         }}
                                         mode="inline"
                                     >
-                                        <Menu.Item>
+                                        <Menu.Item key={'profile'}>
                                             <Link to="/app/profile">
                                                 <span>Profile</span>
                                             </Link>
                                         </Menu.Item>
                                         <Menu.Item
+                                            key={'logout'}
                                             onClick={() => {
                                                 store.authentication.logout();
                                                 history.push("/login");
@@ -372,7 +373,7 @@ export const DesktopLayout = observer(() => {
                                     <Text>
                                         {store.user.data.email}{" "}
                                         <Paragraph style={{fontWeight: 400}} type={"secondary-dark"}>
-                                            {/*{store.authentication.userData.full_name}*/}
+                                            {store.authentication.userData.username}
                                         </Paragraph>
                                     </Text>
                                 }

src/store/authentication.js

@@ -41,6 +41,7 @@ export class Authentication {
     try {
       const result = await http.post('/auth/login').send({username, password});
 
+      this.accessToken = result.body.access_token;
       TokenUtil.setAccessToken(result.body.access_token);
       TokenUtil.persistToken();
       runInAction(() => {
@@ -60,5 +61,6 @@ export class Authentication {
     TokenUtil.clearAccessToken();
     TokenUtil.persistToken();
     this.isLoggedIn = false;
+    this.accessToken = '';
   }
 }

src/store/index.js

@@ -18,6 +18,7 @@ export class Store {
         TokenUtil.loadToken();
         if (TokenUtil.accessToken) {
             this.authentication.isLoggedIn = true;
+            this.authentication.accessToken = TokenUtil.accessToken;
         }
     }
 }

src/store/product.js

@@ -15,8 +15,6 @@ export class Product {
     @action
     async getData() {
         const response = await http.get(`/product?page=${this.page}&pageSize=${this.pageSize}`);
-        console.log(response, 'Data')
-        console.log(JSON.stringify(response.body.data), 'Data')
 
         this.data = response.body.data ?? []
         this.total_data = response.body.total_data ?? 0