From 6616b2aac9713f28bb7d72a7480bd7f29f4da7c2 Mon Sep 17 00:00:00 2001
From: Vinicius Gabriel Machado <vgm18@inf.ufpr.br>
Date: Wed, 12 May 2021 14:30:08 -0300
Subject: [PATCH] fixing minnor bugs
---
.../HelperFunctions/getAxiosConfig.js | 16 ---------------
src/Components/MenuList.js | 3 +++
src/Components/MobileDrawerMenu.js | 4 +++-
.../TabPanels/PublicUserPageTabs/TabRede.js | 18 ++++++++++++++---
src/Components/TabPanels/StyledComponents.js | 2 +-
.../UserPageTabs/PanelEditarPerfil.js | 20 +++++++++----------
src/Components/UserPageComponents/Avatar.js | 2 +-
src/Pages/PublicUserPage.js | 2 +-
src/Pages/UserPage.js | 6 +++---
9 files changed, 37 insertions(+), 36 deletions(-)
diff --git a/src/Components/HelperFunctions/getAxiosConfig.js b/src/Components/HelperFunctions/getAxiosConfig.js
index aa645cc9..6d1608bc 100644
--- a/src/Components/HelperFunctions/getAxiosConfig.js
+++ b/src/Components/HelperFunctions/getAxiosConfig.js
@@ -100,17 +100,9 @@ export async function getRequest (url, onSuccess, onError) {
headers : fetchHeaders()
})
if (response.ok) {
- /*if (response.headers.has('access-token')) {
- updateHeaders(response.headers)
- }*/
if (response.headers.has('access-token')) {
updateAccessToken(response.headers.get('access-token'))
}
- /*if (response.headers.has('client')) {
- let auth_headers = JSON.parse(sessionStorage.getItem('@portalmec/auth_headers'))
- auth_headers['client'] = response.headers.get('client')
- sessionStorage.setItem('@portalmec/auth_headers', JSON.stringify(auth_headers))
- }*/
let json = await response.json()
onSuccess(json, response.headers)
}
@@ -224,17 +216,9 @@ export async function fetchAllRequest (urls, onSuccess, onError) {
var headers = []
for (let res of responses) {
- /*if (checkPreviousTokens(res.headers.get('access-token'))) {
- updateHeaders(res.headers)
- }*/
if (res.headers.has('access-token') && res.status !== 304) {
updateAccessToken(res.headers.get('access-token'))
}
- /*if (res.headers.has('client')) {
- let auth_headers = JSON.parse(sessionStorage.getItem('@portalmec/auth_headers'))
- auth_headers['client'] = res.headers.get('client')
- sessionStorage.setItem('@portalmec/auth_headers', JSON.stringify(auth_headers))
- }*/
let json = await res.json().catch(err => {
return {};
})
diff --git a/src/Components/MenuList.js b/src/Components/MenuList.js
index 65ab3c6b..bed81e11 100644
--- a/src/Components/MenuList.js
+++ b/src/Components/MenuList.js
@@ -28,6 +28,7 @@ import Profile from '../img/default_profile0.png'
import styled from 'styled-components'
import {apiDomain} from '../env.js'
import {deleteRequest} from './HelperFunctions/getAxiosConfig'
+import { useHistory } from 'react-router-dom'
const OverrideButton = styled(Button)`
@@ -52,9 +53,11 @@ export default function MenuList(props) {
userLoggedOut: !state.userIsLoggedIn,
})
}
+ let history = useHistory()
const handleLogout = () => {
const url = `/auth/sign_out`
deleteRequest(url, handleSuccessSignOut, (error) => {console.log(error)})
+ history.push("/")
}
return (
diff --git a/src/Components/MobileDrawerMenu.js b/src/Components/MobileDrawerMenu.js
index 469fa378..12fec2ad 100644
--- a/src/Components/MobileDrawerMenu.js
+++ b/src/Components/MobileDrawerMenu.js
@@ -20,7 +20,7 @@ import React, { useContext } from 'react'
import { Store } from '../Store';
import Drawer from '@material-ui/core/Drawer';
import styled from 'styled-components'
-import { Link } from 'react-router-dom'
+import { Link, useHistory } from 'react-router-dom'
import HomeIcon from '@material-ui/icons/Home';
import InfoIcon from '@material-ui/icons/Info';
import MailOutlineIcon from '@material-ui/icons/MailOutline';
@@ -102,9 +102,11 @@ export default function MobileDrawerMenu(props) {
userLoggedOut: !state.userIsLoggedIn,
})
}
+ let history = useHistory()
const handleLogout = () => {
const url = `/auth/sign_out`
deleteRequest(url, handleSuccessSignOut, (error) => { console.log(error) })
+ history.push("/")
}
return (
diff --git a/src/Components/TabPanels/PublicUserPageTabs/TabRede.js b/src/Components/TabPanels/PublicUserPageTabs/TabRede.js
index c173dc19..a9350fd3 100644
--- a/src/Components/TabPanels/PublicUserPageTabs/TabRede.js
+++ b/src/Components/TabPanels/PublicUserPageTabs/TabRede.js
@@ -24,6 +24,9 @@ export default function TabRede (props) {
const [followers, setFollowers] = useState([])
const [followersSlice, setFollowersSlice] = useState([])
+ const [endOfFollowing, setEndOfFollowing] = useState(false)
+ const [endOfFollowers, setEndOfFollowers] = useState(false)
+
const showMoreFollowers = () => {
let varSlice = followersSlice.length
setFollowersSlice(followers.slice(0, varSlice + 4))
@@ -32,18 +35,25 @@ export default function TabRede (props) {
const [following, setFollowing] = useState([])
const [followingSlice, setFollowingSlice] = useState([])
- const showMoreFollowing = () => {
+ const showMoreFollowing = (num) => {
let varSlice = followingSlice.length
- setFollowingSlice(following.slice(0, varSlice + 4))
+ setFollowingSlice(following.slice(0, varSlice + num))
}
const showAllFollowing = () => {setFollowingSlice(following)}
- function handleSuccess (responseArr) {
+ function handleSuccess (responseArr, headersArr) {
setFollowers(responseArr[0])
setFollowersSlice(responseArr[0].slice(0,4))
setFollowing(responseArr[1])
setFollowingSlice(responseArr[1].slice(0,4))
+
+ if (headersArr[1].has('X-Total-Count')) {
+ setEndOfFollowing(headersArr[1].get('X-Total-Count'));
+ }
+ if (headersArr[0].has('X-Total-Count')) {
+ setEndOfFollowers(headersArr[0].get('X-Total-Count'));
+ }
}
useEffect( () => {
@@ -62,6 +72,7 @@ export default function TabRede (props) {
showMore={showMoreFollowers}
showAll={showAllFollowers}
follower={true}
+ end={endOfFollowers}
noContentText={props.username + ' não possui nenhum seguidor'}
/>
@@ -72,6 +83,7 @@ export default function TabRede (props) {
showMore={showMoreFollowing}
showAll={showAllFollowing}
follower={false}
+ end={endOfFollowing}
noContentText={props.username + ' não segue nenhum usuário'}
/>
</React.Fragment>
diff --git a/src/Components/TabPanels/StyledComponents.js b/src/Components/TabPanels/StyledComponents.js
index c8e75d5d..182fd013 100644
--- a/src/Components/TabPanels/StyledComponents.js
+++ b/src/Components/TabPanels/StyledComponents.js
@@ -173,7 +173,7 @@ export const UserProfileContainer = styled.div`
export const CoverContainer = styled.div`
height : 230px;
position : relative;
- @media screen and (max-width: 501px) {
+ @media screen and (max-width: 600px) {
height : 128px
}
`
diff --git a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
index e8d25332..ce5a319e 100644
--- a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
+++ b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
@@ -37,13 +37,13 @@ export default function TabPanelEditarPerfil(props) {
const [hoverAlterarFoto, handleAlterarFoto] = React.useState(false)
const [formNome, setNome] = useState({
- key: false,
- value: ""
+ key: state.currentUser.name ? false : true,
+ value: state.currentUser.name ? state.currentUser.name : ""
})
const [formAboutMe, setAboutMe] = useState({
- key: false,
- value: "",
+ key: state.currentUser.description ? false : true,
+ value: state.currentUser.description ? state.currentUser.description : ""
})
const handleHoverAlterarFoto = () => {
@@ -86,14 +86,14 @@ export default function TabPanelEditarPerfil(props) {
const limpaCamposForm = () => {
setNome({
...formNome,
- key: false,
- value: ''
+ key: state.currentUser.name ? false : true,
+ value: state.currentUser.name ? state.currentUser.name : ""
})
setAboutMe({
...formAboutMe,
- key: false,
- value: ''
+ key: state.currentUser.description ? false : true,
+ value: state.currentUser.description ? state.currentUser.description : ""
})
}
@@ -102,7 +102,7 @@ export default function TabPanelEditarPerfil(props) {
const handleSubmit = (e) => {
e.preventDefault()
- const info = { user: { name: formNome.value, description: formAboutMe.value, email: sessionStorage.getItem('@portalmec/uid') } }
+ const info = { user: { name: formNome.value, description: formAboutMe.value, email: state.currentUser.email } }
const flagNome = formNome.key
const flagAboutMe = formAboutMe.key
@@ -172,7 +172,7 @@ export default function TabPanelEditarPerfil(props) {
rows="3"
rowsMax="3"
error={formAboutMe.key}
- placeholder={"Sobre Mim"}
+ placeholder={"Sobre mim (visível no seu perfil público)"}
handleChange={e => handleChange(e, 'aboutMe')}
required={false}
help={formAboutMe.value.length + '/160'}
diff --git a/src/Components/UserPageComponents/Avatar.js b/src/Components/UserPageComponents/Avatar.js
index 368b54b6..8c381f19 100644
--- a/src/Components/UserPageComponents/Avatar.js
+++ b/src/Components/UserPageComponents/Avatar.js
@@ -68,7 +68,7 @@ const ProfileAvatarDiv = styled.div`
outline : 0;
cursor : pointer;
background-color : #a5a5a5;
- @media screen and (max-width: 501px) {
+ @media screen and (max-width: 600px) {
height : 73px;
width : 73px;
position:absolute;
diff --git a/src/Pages/PublicUserPage.js b/src/Pages/PublicUserPage.js
index 0f2a14d5..2571305e 100644
--- a/src/Pages/PublicUserPage.js
+++ b/src/Pages/PublicUserPage.js
@@ -226,7 +226,7 @@ export default function PublicUserPage(props) {
{
tabs.map((tab) =>
<Tab label={tab} key={tab}
- disabled={(tab === "Recursos" && learningObjArr.length === 0) || (tab === "Coleções" && collectionsArr.length === 0)}
+ disabled={(tab === "Recursos" && learningObjArr.length === 0) || (tab === "Coleções" && collectionsArr.length === 0) || (tab === "Rede" && state.currentUser.id === '')}
/>
)
}
diff --git a/src/Pages/UserPage.js b/src/Pages/UserPage.js
index 259522a0..2688500e 100644
--- a/src/Pages/UserPage.js
+++ b/src/Pages/UserPage.js
@@ -144,10 +144,10 @@ export default function UserPage(props) {
<HeaderContainer>
<Cover id={id} />
<ProfileAvatar id={id} />
- {WIDTH <= 501 ? null : <UserInfo />}
+ {WIDTH <= 600 ? null : <UserInfo />}
<EditProfileButton />
</HeaderContainer>
- {WIDTH <= 501 ? (
+ {WIDTH <= 600 ? (
<Grid
style={{ marginTop: "4em" }}
container
@@ -210,7 +210,7 @@ export default function UserPage(props) {
indicatorColor="primary"
textColor="primary"
variant="scrollable"
- scrollButtons="auto"
+ scrollButtons="on"
TabIndicatorProps={{
style: { background: "#00bcd4" },
}}
--
GitLab