From 8c6f4020a91c62eb6c8164314a61e0a25fc024a5 Mon Sep 17 00:00:00 2001
From: Lucas Schoenfelder <les17@inf.ufpr.br>
Date: Tue, 15 Dec 2020 13:50:20 -0300
Subject: [PATCH] refactor authentication method and Store variable names
---
package-lock.json | 49 ++++++++++-
package.json | 5 +-
src/Components/GuardarModal.js | 2 +-
src/Components/Header.js | 88 ++++++++++---------
src/Components/IllegalContentModal.js | 2 +-
src/Components/LoginContainerFunction.js | 2 +-
src/Components/LoginModal.js | 31 +++----
src/Components/MenuList.js | 4 +-
src/Components/MobileDrawerMenu.js | 4 +-
.../ResourcePageComponents/CommentsArea.js | 2 +-
src/Components/SignUpModal.js | 23 ++---
.../UserPageTabs/PanelEditarPerfil.js | 4 +-
.../UploadPageComponents/Forms/Autor.js | 2 +-
src/Components/UserPageComponents/Avatar.js | 4 +-
src/Components/UserPageComponents/Cover.js | 6 +-
src/Components/UserPageComponents/UserInfo.js | 2 +-
src/Pages/EditLearningObjectPage.js | 4 +-
src/Pages/UserPage.js | 2 +-
src/Store.js | 14 ++-
src/index.js | 3 +-
20 files changed, 149 insertions(+), 104 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 2311a4ad..b82ef6df 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1603,6 +1603,20 @@
"@syncfusion/ej2-popups": "~18.3.52"
}
},
+ "@types/cookie": {
+ "version": "0.3.3",
+ "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.3.3.tgz",
+ "integrity": "sha512-LKVP3cgXBT9RYj+t+9FDKwS5tdI+rPBXaNSkma7hvqy35lc7mAokC2zsqWJH0LaqIt3B962nuYI77hsJoT1gow=="
+ },
+ "@types/hoist-non-react-statics": {
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+ "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+ "requires": {
+ "@types/react": "*",
+ "hoist-non-react-statics": "^3.3.0"
+ }
+ },
"@types/parse-json": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -4152,9 +4166,9 @@
}
},
"cookie": {
- "version": "0.4.0",
- "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
- "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg=="
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+ "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA=="
},
"cookie-signature": {
"version": "1.0.6",
@@ -6009,6 +6023,11 @@
"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
"integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
},
+ "cookie": {
+ "version": "0.4.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+ "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg=="
+ },
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -14020,6 +14039,16 @@
}
}
},
+ "react-cookie": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/react-cookie/-/react-cookie-4.0.3.tgz",
+ "integrity": "sha512-cmi6IpdVgTSvjqssqIEvo779Gfqc4uPGHRrKMEdHcqkmGtPmxolGfsyKj95bhdLEKqMdbX8MLBCwezlnhkHK0g==",
+ "requires": {
+ "@types/hoist-non-react-statics": "^3.0.1",
+ "hoist-non-react-statics": "^3.0.0",
+ "universal-cookie": "^4.0.0"
+ }
+ },
"react-dev-utils": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-8.0.0.tgz",
@@ -17106,6 +17135,15 @@
"imurmurhash": "^0.1.4"
}
},
+ "universal-cookie": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-4.0.4.tgz",
+ "integrity": "sha512-lbRVHoOMtItjWbM7TwDLdl8wug7izB0tq3/YVKhT/ahB4VDvWMyvnADfnJI8y6fSvsjh51Ix7lTGC6Tn4rMPhw==",
+ "requires": {
+ "@types/cookie": "^0.3.3",
+ "cookie": "^0.4.0"
+ }
+ },
"universalify": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -17220,6 +17258,11 @@
"resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
"integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ=="
},
+ "use-cookie-state": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/use-cookie-state/-/use-cookie-state-1.0.0.tgz",
+ "integrity": "sha512-I76Rg8olmAqUQL3mWnHxfSWaXNhc7UEfjX2frRrFnaCWjoyTxNggL5rE5a4LY1bnhEFOCc2BT3q0ctG6tizz4g=="
+ },
"util": {
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
diff --git a/package.json b/package.json
index 027b97c6..cb863001 100644
--- a/package.json
+++ b/package.json
@@ -12,11 +12,13 @@
"base64-img": "^1.0.4",
"binary-extensions": "^2.1.0",
"build": "^0.1.4",
+ "cookie": "^0.4.1",
"fine-uploader": "^5.16.2",
"image-to-base64": "^2.1.1",
"material-design-icons": "^3.0.1",
"moment": "^2.29.1",
"react": "^16.14.0",
+ "react-cookie": "^4.0.3",
"react-dom": "^16.14.0",
"react-dropdown": "^1.9.0",
"react-dropdown-select": "^4.7.1",
@@ -33,7 +35,8 @@
"react-scripts": "^2.1.8",
"react-star-ratings": "^2.3.0",
"styled-components": "^4.4.1",
- "typescript": "^3.9.7"
+ "typescript": "^3.9.7",
+ "use-cookie-state": "^1.0.0"
},
"devDependencies": {
"eslint-config-prettier": "^6.15.0",
diff --git a/src/Components/GuardarModal.js b/src/Components/GuardarModal.js
index 93d38cb6..868f09b5 100644
--- a/src/Components/GuardarModal.js
+++ b/src/Components/GuardarModal.js
@@ -149,7 +149,7 @@ export default function ReportModal (props) {
)
:
(
- state.currentUser.collectionsCount === 0 ?
+ state.currentUser.collections_count === 0 ?
(
<>
<div classname="no-cols">
diff --git a/src/Components/Header.js b/src/Components/Header.js
index 415c811a..88694bd3 100644
--- a/src/Components/Header.js
+++ b/src/Components/Header.js
@@ -30,6 +30,7 @@ import Snackbar from '@material-ui/core/Snackbar';
import MuiAlert from '@material-ui/lab/Alert';
import {useLocation} from 'react-router-dom'
import MenuBarMobile from './MenuBarMobile.js'
+import { useCookies } from "react-cookie";
//const StyledButton = styled(Button)`
// background : #ffa54c !important;
@@ -46,6 +47,49 @@ export default function Header(props){
const [loginOpen, setLogin] = useState(false)
const [successfulLoginOpen, handleSuccessfulLogin] = useState(false)
const [modalColaborar, setModalColaborar] = useState(false)
+ const [cookies, setCookie, removeCookie] = useCookies(["auth_headers"]);
+
+ const validateToken = (config) => {
+ axios.get(`${apiUrl}/auth/validate_token/`, config).then(
+ (response) => {
+ console.log(response.data)
+ if ( response.headers['access-token'] ) {
+ sessionStorage.setItem('@portalmec/accessToken', response.headers['access-token'])
+ }
+ dispatch ({
+ type: "USER_LOGGED_IN",
+ userLoggedIn: !state.userIsLoggedIn,
+ login: response.data.data
+ }
+ )
+ sessionStorage.setItem('@portalmec/accessToken', response.headers['access-token'])
+ sessionStorage.setItem('@portalmec/clientToken', response.headers.client)
+ sessionStorage.setItem('@portalmec/id', response.data.data.id)
+ sessionStorage.setItem('@portalmec/username', response.data.data.name)
+ sessionStorage.setItem('@portalmec/uid', response.data.data.uid)
+
+ let headers = {
+ client:response.headers.client,
+ "access-token":response.headers['access-token'],
+ "token-type": "Bearer",
+ expiry:response.headers.expiry,
+ uid:response.data.data.uid
+ }
+ sessionStorage.setItem('@portalmec/auth_headers', JSON.stringify(headers))
+ },
+ (err) => {
+ console.log(err)
+ }
+ )
+ }
+
+ useEffect( () => {
+ if (sessionStorage.getItem('@portalmec/auth_headers') != undefined) {
+ let config = { headers : JSON.parse(sessionStorage.getItem('@portalmec/auth_headers'))}
+
+ validateToken(config)
+ }
+ }, [])
useEffect ( () => {
if (state.currentUser.askTeacherQuestion == true) {
@@ -64,7 +108,6 @@ export default function Header(props){
useEffect(() => {
let query = new URLSearchParams(loc.search)
- //POR PARAMETRO
console.log(query.getAll("auth_token"))
if(query.get("auth_token") != undefined) {
let config = {
@@ -74,45 +117,10 @@ export default function Header(props){
"uid" : query.get("uid"),
"expiry" : query.get("expiry"),
"token-type" : 'Bearer'
- }
- }
- axios.get(`${apiUrl}/auth/validate_token/`, config).then(
- (response) => {
- console.log(response.data)
- if ( response.headers['access-token'] ) {
- sessionStorage.setItem('@portalmec/accessToken', response.headers['access-token'])
- }
- dispatch ({
- type: "USER_LOGGED_IN",
- userLoggedIn: !state.userIsLoggedIn,
- login: {
- askTeacherQuestion : response.data.data.ask_teacher_question,
- id : response.data.data.id,
- username : response.data.data.name,
- email : response.data.data.email,
- accessToken : response.headers['access-token'],
- clientToken : response.headers.client,
- userAvatar : response.data.data.avatar_file_name,
- userCover : response.data.data.cover_file_name,
- uid : response.data.data.uid,
- followCount : response.data.data.follows_count,
- collectionsCount : response.data.data.collections_count,
- submitter_request : response.data.data.submitter_request,
- roles : response.data.data.roles
- }
- }
- )
- sessionStorage.setItem('@portalmec/accessToken', response.headers['access-token'])
- sessionStorage.setItem('@portalmec/clientToken', response.headers.client)
- sessionStorage.setItem('@portalmec/id', response.data.data.id)
- sessionStorage.setItem('@portalmec/username', response.data.data.name)
- sessionStorage.setItem('@portalmec/uid', response.data.data.uid)
- redirect()
- },
- (err) => {
- console.log(err)
- }
- )
+ }
+ }
+ validateToken(config)
+ redirect()
}
}, [loc])
diff --git a/src/Components/IllegalContentModal.js b/src/Components/IllegalContentModal.js
index 01ccf37b..65b658a4 100644
--- a/src/Components/IllegalContentModal.js
+++ b/src/Components/IllegalContentModal.js
@@ -112,7 +112,7 @@ export default function IllegalContentModal (props) {
<Fade in={props.open}>
<StyledDivContainer >
<StyledDivContent>
- <StyledH2>{state.currentUser.username}!</StyledH2>
+ <StyledH2>{state.currentUser.name}!</StyledH2>
<div>
<StyledParagraph>Seu recurso não está de acordo com os termos</StyledParagraph>
</div>
diff --git a/src/Components/LoginContainerFunction.js b/src/Components/LoginContainerFunction.js
index 331a53c9..effd88bd 100644
--- a/src/Components/LoginContainerFunction.js
+++ b/src/Components/LoginContainerFunction.js
@@ -94,7 +94,7 @@ export default function LoginContainer (props) {
const onSubmit = (e) => {
e.preventDefault()
- const login = {email : formEmail.value, senha : formSenha.value, checkbox : checkboxControl}
+ const login = {email : formEmail.value, senha : formSenha.value, checkboxChecked : checkboxControl}
if (!(formEmail.key || formSenha.key)) {
props.handleLoginInfo(login)
diff --git a/src/Components/LoginModal.js b/src/Components/LoginModal.js
index 5f2c5931..91f9e4d0 100644
--- a/src/Components/LoginModal.js
+++ b/src/Components/LoginModal.js
@@ -28,7 +28,6 @@ import axios from 'axios'
import {apiUrl} from '../env';
import Snackbar from '@material-ui/core/Snackbar';
import MuiAlert from '@material-ui/lab/Alert';
-
const StyledLogin = styled(Modal)`
margin : 0 !important;
margin-left : 0 !important;
@@ -68,21 +67,7 @@ export default function LoginModal (props){
dispatch ({
type: "USER_LOGGED_IN",
userLoggedIn: !state.userIsLoggedIn,
- login: {
- askTeacherQuestion : response.data.data.ask_teacher_question,
- id : response.data.data.id,
- username : response.data.data.name,
- email : response.data.data.email,
- accessToken : response.headers['access-token'],
- clientToken : response.headers.client,
- userAvatar : response.data.data.avatar_file_name,
- userCover : response.data.data.cover_file_name,
- uid : response.data.data.uid,
- followCount : response.data.data.follows_count,
- collectionsCount : response.data.data.collections_count,
- submitter_request : response.data.data.submitter_request,
- roles : response.data.data.roles
- }
+ login: response.data.data
}
)
sessionStorage.setItem('@portalmec/accessToken', response.headers['access-token'])
@@ -90,12 +75,20 @@ export default function LoginModal (props){
sessionStorage.setItem('@portalmec/id', response.data.data.id)
sessionStorage.setItem('@portalmec/username', response.data.data.name)
sessionStorage.setItem('@portalmec/uid', response.data.data.uid)
- sessionStorage.setItem('@portalmec/senha', login.senha)
+
+ let headers = {
+ client:response.headers.client,
+ "access-token":response.headers['access-token'],
+ "token-type": "Bearer",
+ expiry:response.headers.expiry,
+ uid:response.data.data.uid
+ }
+ sessionStorage.setItem('@portalmec/auth_headers', JSON.stringify(headers))
if (login.checkboxChecked) {
- localStorage.setItem('@portalmec/email', login.email)
- localStorage.setItem('@portalmec/senha', login.senha) //MUDAR ISSO ASAP
+ localStorage.setItem('@portalmec/auth_headers', JSON.stringify(headers))
}
+
props.handleClose();
props.openSnackbar();
}, (error) => {
diff --git a/src/Components/MenuList.js b/src/Components/MenuList.js
index 402fa2e7..6236239d 100644
--- a/src/Components/MenuList.js
+++ b/src/Components/MenuList.js
@@ -94,13 +94,13 @@ export default function MenuList(props) {
>
<div style={{borderRadius: "50%", border: "2px solid #fff", background: "#fff", overflow: "hidden", maxWidth : "50px", maxHeight : "50px"}}>
{
- state.currentUser.userAvatar == '' || state.currentUser.userAvatar == null ?
+ state.currentUser.avatar_file_name == '' || state.currentUser.avatar_file_name == null ?
(
<img src={Profile} alt={'user avatar'} style={{width:"100%", height:"100%", verticalAlign : "middle", marginLeft : "0"}}/>
):
(
- <img src={apiDomain + state.currentUser.userAvatar} alt={'user avatar'} style={{width:"100%", height:"100%", verticalAlign : "middle", marginLeft : "0"}}/>
+ <img src={apiDomain + state.currentUser.avatar_file_name} alt={'user avatar'} style={{width:"100%", height:"100%", verticalAlign : "middle", marginLeft : "0"}}/>
)
}
</div>
diff --git a/src/Components/MobileDrawerMenu.js b/src/Components/MobileDrawerMenu.js
index 19201b3d..11425404 100644
--- a/src/Components/MobileDrawerMenu.js
+++ b/src/Components/MobileDrawerMenu.js
@@ -59,11 +59,11 @@ export default function MobileDrawerMenu (props) {
};
const getUserAvatar = () => {
- if (state.currentUser.userAvatar == '' || state.currentUser.userAvatar == null) {
+ if (state.currentUser.avatar_file_name == '' || state.currentUser.avatar_file_name == null) {
return DefaultAvatar
}
else {
- return apiDomain + state.currentUser.userAvatar
+ return apiDomain + state.currentUser.avatar_file_name
}
}
diff --git a/src/Components/ResourcePageComponents/CommentsArea.js b/src/Components/ResourcePageComponents/CommentsArea.js
index 3bdf2971..b77465f7 100644
--- a/src/Components/ResourcePageComponents/CommentsArea.js
+++ b/src/Components/ResourcePageComponents/CommentsArea.js
@@ -55,7 +55,7 @@ export default function CommentsArea (props) {
<h3>Conte sua experiência com o Recurso</h3>
<Grid container style={{paddingTop : "20px"}}>
<Grid item xs={2} style={{paddingLeft : "15px", paddingRight : "15px"}}>
- <img src={apiDomain + state.currentUser.userAvatar} className="minha-imagem" alt="user avatar"/>
+ <img src={apiDomain + state.currentUser.avatar_file_name} className="minha-imagem" alt="user avatar"/>
</Grid>
<Grid item xs={10}>
<CommentForm
diff --git a/src/Components/SignUpModal.js b/src/Components/SignUpModal.js
index b4c156af..7f5da85d 100644
--- a/src/Components/SignUpModal.js
+++ b/src/Components/SignUpModal.js
@@ -61,15 +61,7 @@ export default function SignUpModal (props) {
dispatch ( {
type: 'USER_SIGNED_UP',
userLoggedIn: !state.userIsLoggedIn,
- login: {
- id : response.data.id,
- username : response.data.name,
- email : response.data.email,
- accessToken : response.headers['access-token'],
- clientToken : response.headers.client,
- userAvatar : response.data.avatar_file_name,
- userCover : response.data.cover_file_name
- }
+ user: response.data.data
}
)
localStorage.setItem('@portalmec/accessToken', response.headers['access-token'])
@@ -77,7 +69,16 @@ export default function SignUpModal (props) {
localStorage.setItem('@portalmec/id', response.data.data.id)
localStorage.setItem('@portalmec/username', response.data.data.name)
localStorage.setItem('@portalmec/uid', response.data.data.uid)
- console.log(state.currentUser)
+
+ let headers = {
+ client:response.headers.client,
+ "access-token":response.headers['access-token'],
+ "token-type": "Bearer",
+ expiry:response.headers.expiry,
+ uid:response.data.data.uid
+ }
+ sessionStorage.setItem('@portalmec/auth_headers', JSON.stringify(headers))
+
props.handleClose()
}, (error) => {
console.log(':(')
@@ -92,7 +93,7 @@ export default function SignUpModal (props) {
aria-labelledby="transition-modal-title"
aria-describedby="transition-modal-description"
open={props.open}
-
+
centered="true"
onClose={props.handleClose}
closeAfterTransition
diff --git a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
index 07a5751e..25bf953c 100644
--- a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
+++ b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
@@ -103,7 +103,7 @@ export default function TabPanelEditarPerfil (props) {
<div style={{padding:"0", display:"flex", flexDirection:"column"}}>
<HeaderContainer>
<div style={{position:"relative", height:"100%"}}>
- <img src={`${apiDomain}` + state.currentUser.userCover} alt="user cover avatar" style={{width:"100%", height:"100%", objectFit:"cover"}}/>
+ <img src={`${apiDomain}` + state.currentUser.cover_file_name} alt="user cover avatar" style={{width:"100%", height:"100%", objectFit:"cover"}}/>
<input accept="image/*" style = {{display:"none"}} id="icon-button-file" type="file" onChange={(e) => updateCover(e.target.files)}/>
<label htmlFor="icon-button-file">
<Tooltip title={<span style={{fontSize:"14px", overflow:"hidden", transition:"all .5s ease"}}>ALTERAR CAPA</span>} placement="left">
@@ -114,7 +114,7 @@ export default function TabPanelEditarPerfil (props) {
</label>
</div>
<ProfileAvatarDiv onMouseEnter={handleHoverAlterarFoto} onMouseLeave={handleHoverAlterarFoto}>
- <img src={`${apiDomain}` + state.currentUser.userAvatar} alt = "user avatar" style={{border:"0", verticalAlign:"middle"}}/>
+ <img src={`${apiDomain}` + state.currentUser.avatar_file_name} alt = "user avatar" style={{border:"0", verticalAlign:"middle"}}/>
<ChangeAvatarDiv style={ {display : hoverAlterarFoto ? 'flex' : 'none'}}>
<span>Alterar Foto</span>
</ChangeAvatarDiv>
diff --git a/src/Components/UploadPageComponents/Forms/Autor.js b/src/Components/UploadPageComponents/Forms/Autor.js
index c2427708..9b8c77e0 100644
--- a/src/Components/UploadPageComponents/Forms/Autor.js
+++ b/src/Components/UploadPageComponents/Forms/Autor.js
@@ -43,7 +43,7 @@ function Autor (props) {
const [outroAutor, setOutroAutor] = useState(props.initialOutroAutor ? props.initialOutroAutor : '')
const getAuthor = () => {
- return authorValue === "0" ? state.currentUser.username : outroAutor
+ return authorValue === "0" ? state.currentUser.name : outroAutor
}
return (
diff --git a/src/Components/UserPageComponents/Avatar.js b/src/Components/UserPageComponents/Avatar.js
index f1026a35..d52aa5b8 100644
--- a/src/Components/UserPageComponents/Avatar.js
+++ b/src/Components/UserPageComponents/Avatar.js
@@ -26,7 +26,7 @@ import ModalAlterarAvatar from '../ModalAlterarAvatar/ModalAlterarAvatar.js'
export default function ProfileAvatar (props) {
const {state, dispatch} = useContext(Store)
- const [currentAvatar, setAvatar] = useState(state.currentUser.userAvatar)
+ const [currentAvatar, setAvatar] = useState(state.currentUser.avatar_file_name)
const [hoverBool, toggleHover] = React.useState(false)
const handleToggleHover = () => {toggleHover(!hoverBool)}
@@ -34,7 +34,7 @@ export default function ProfileAvatar (props) {
const [open, toggleOpen] = useState(false)
const controlModal = () => {toggleOpen(!open)}
- useEffect(() => {setAvatar(state.currentUser.userAvatar)}, state.currentUser.userAvatar)
+ useEffect(() => {setAvatar(state.currentUser.avatar_file_name)}, state.currentUser.avatar_file_name)
return (
<>
diff --git a/src/Components/UserPageComponents/Cover.js b/src/Components/UserPageComponents/Cover.js
index 2af5bd74..1d339373 100644
--- a/src/Components/UserPageComponents/Cover.js
+++ b/src/Components/UserPageComponents/Cover.js
@@ -28,7 +28,7 @@ import ModalAlterarCover from '../ModalAlterarCover/ModalAlterarCover.js'
export default function Cover (props) {
const {state} = useContext(Store)
- const [currentCover, setCoverImg] = useState(state.currentUser.userCover)
+ const [currentCover, setCoverImg] = useState(state.currentUser.cover_file_name)
const [tempCover, setTempCover] = useState('')
const [open, toggleOpen] = useState(false)
@@ -42,8 +42,8 @@ export default function Cover (props) {
}
useEffect( () => {
- setCoverImg(state.currentUser.userCover)
- }, state.currentUser.userCover)
+ setCoverImg(state.currentUser.cover_file_name)
+ }, state.currentUser.cover_file_name)
return (
<>
<ModalAlterarCover
diff --git a/src/Components/UserPageComponents/UserInfo.js b/src/Components/UserPageComponents/UserInfo.js
index 0a45ac75..8c776a95 100644
--- a/src/Components/UserPageComponents/UserInfo.js
+++ b/src/Components/UserPageComponents/UserInfo.js
@@ -22,7 +22,7 @@ import {UserProfileInfoDiv} from '../TabPanels/StyledComponents.js'
export default function UserInfo (props) {
const {state} = useContext(Store)
- const user = state.currentUser.username
+ const user = state.currentUser.name
const education = state.currentUser.education
return (
diff --git a/src/Pages/EditLearningObjectPage.js b/src/Pages/EditLearningObjectPage.js
index 2597832c..76a20246 100644
--- a/src/Pages/EditLearningObjectPage.js
+++ b/src/Pages/EditLearningObjectPage.js
@@ -309,11 +309,11 @@ export default function EditLearningObjectPage (props) {
<Grid item xs={12} style={{paddingBottom : "40px"}}>
<Autor draftID={learningObject.id}
initialValue={
- learningObject.author === state.currentUser.username ?
+ learningObject.author === state.currentUser.name ?
0 : 1
}
initialOutroAutor={
- learningObject.author !== state.currentUser.username ?
+ learningObject.author !== state.currentUser.name ?
learningObject.author : ''
}
onBlurCallback={onBlurCallback}
diff --git a/src/Pages/UserPage.js b/src/Pages/UserPage.js
index 6c1359d6..c6190095 100644
--- a/src/Pages/UserPage.js
+++ b/src/Pages/UserPage.js
@@ -111,7 +111,7 @@ export default function UserPage (props){
<ModalAlterarAvatar
open={modalOpen}
handleClose={() => {toggleModal(false)}}
- userAvatar={state.currentUser.userAvatar}
+ userAvatar={state.currentUser.avatar_file_name}
/>
<BackgroundDiv>
diff --git a/src/Store.js b/src/Store.js
index 3838a6b5..421c0128 100644
--- a/src/Store.js
+++ b/src/Store.js
@@ -37,15 +37,13 @@ const initialState = {
currentUser: {
askTeacherQuestion : false,
id : '',
- username : '',
+ name : '',
email : '',
- accessToken : '',
- clientToken : '',
- userAvatar : '',
- userCover : '',
+ avatar_file_name : '',
+ cover_file_name : '',
uid : '',
- followCount : 0,
- collectionsCount : 0,
+ follows_count : 0,
+ collections_count : 0,
submitter_request : 'default',
roles : []
}
@@ -78,7 +76,7 @@ function reducer(state, action) {
return {
...state,
userIsLoggedIn:action.userLoggedIn,
- currentUser:action.login
+ currentUser:action.user
}
case 'USER_LOGGED_OUT':
sessionStorage.clear()
diff --git a/src/index.js b/src/index.js
index 7759fd80..032a5eee 100755
--- a/src/index.js
+++ b/src/index.js
@@ -19,7 +19,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react';
import ReactDOM from 'react-dom';
import * as serviceWorker from './serviceWorker';
-
import './index.css';
import App from './App.js'
import { StoreProvider } from './Store';
@@ -27,7 +26,7 @@ import { StoreProvider } from './Store';
ReactDOM.render(
<StoreProvider>
- <App />
+ <App />
</StoreProvider>
, document.getElementById('root'));
--
GitLab