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

feat: get data from jwt

Browse Source
This commit is contained in:
caturbgs 2021-12-09 23:18:54 +07:00
parent 4846e7022a
commit ed42cb6c0c
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/App/DesktopLayout.js
View File

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

2
src/store/authentication.js
View File

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

1
src/store/index.js
View File

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

2
src/store/product.js
View File

@ -15,8 +15,6 @@ export class Product {
@action @action
async getData() { async getData() {
const response = await http.get(`/product?page=${this.page}&pageSize=${this.pageSize}`); 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.data = response.body.data ?? []
this.total_data = response.body.total_data ?? 0 this.total_data = response.body.total_data ?? 0