From bf0287b182ad19cf6aa8960dd4061f4b097dced8 Mon Sep 17 00:00:00 2001 From: "Henrique V. Ehrenfried" <hvehrenfried@inf.ufpr.br> Date: Fri, 22 Jan 2021 10:19:35 -0300 Subject: [PATCH] Remove terminal warnings Signed-off-by: Henrique V. Ehrenfried <hvehrenfried@inf.ufpr.br> --- src/Components/AboutCarousel.js | 3 +- src/Components/Activities/Definitions.js | 1 - src/Components/ActivityListItem.js | 12 ++-- src/Components/AreasSubPages.js | 7 -- src/Components/ButtonAvaliarRecurso.js | 2 +- src/Components/Carousel.js | 5 +- src/Components/ColaborarModal.js | 3 +- src/Components/CollectionAuthor.js | 1 - src/Components/CollectionCardFunction.js | 9 +-- src/Components/CollectionDescription.js | 24 +------ src/Components/CollectionReview.js | 1 - src/Components/Comment.js | 2 +- src/Components/ContactButtons/FollowButton.js | 4 +- src/Components/ContactCard.js | 22 +----- src/Components/ContactCardOptions.js | 3 +- src/Components/ContactForm.js | 2 +- src/Components/CriarColecaoForm.js | 6 +- src/Components/CriarColecaoModal.js | 2 +- src/Components/Cropper.js | 5 +- src/Components/EditarColecaoForm.js | 12 ++-- src/Components/ExpansionPanels.js | 6 +- src/Components/FloatingDownloadButton.js | 4 +- src/Components/FormValidationFunction.js | 1 - .../FormationMaterialDescription.js | 21 ++---- src/Components/FormationMaterialHeader.js | 5 +- .../formationMaterials.js | 18 ++--- src/Components/Header.js | 8 +-- .../HelpCenter/TabsManageAc/Forget.js | 2 +- .../HelpCenter/TabsManageAc/HowToAccess.js | 2 +- .../HelpCenter/TabsManageAc/HowToChange.js | 2 +- .../HelpCenter/TabsManageAc/HowToDo.js | 2 +- src/Components/HelpCenter/TabsManageAc/Why.js | 2 +- src/Components/HelpCenter/TabsNetPart/How.js | 2 +- src/Components/HelpCenter/TabsNetPart/What.js | 2 +- .../HelpCenter/TabsResourseFind/HowToDo.js | 2 +- .../TabsResourseFind/HowToFilter.js | 2 +- .../HelpCenter/TabsResourseFind/HowToRank.js | 2 +- .../HelpCenter/TabsResoursePub/How.js | 2 +- .../HelpCenter/TabsResoursePub/Which.js | 2 +- .../HelpCenter/TabsResoursePub/Why.js | 2 +- .../HelperFunctions/getAxiosConfig.js | 1 - .../HelperFunctions/getDefaultThumbnail.js | 15 ---- .../IframeOverlay/WhiteAreaOfCard.js | 4 +- src/Components/ItemCard.js | 4 +- src/Components/ItemCardAction.js | 47 ++++++------ src/Components/ItemCarousel.js | 14 ++-- src/Components/LevelDescriptionCard.js | 12 +--- src/Components/LoginModal.js | 3 +- src/Components/MenuList.js | 14 +--- src/Components/MobileDrawerMenu.js | 11 ++- .../ComponentAlterarAvatar.js | 9 +-- .../ModalAlterarAvatar/ModalAlterarAvatar.js | 6 -- .../ComponentAlterarCover.js | 11 ++- .../ModalAlterarCover/ModalAlterarCover.js | 27 +------ src/Components/ModalConfirmarCuradoria.js | 20 +----- src/Components/ModalConfirmarUnfollow.js | 6 +- src/Components/ModalEditarColecao.js | 14 +--- src/Components/ModalExcluirColecao.js | 2 - src/Components/ModalExcluirComentario.js | 5 +- .../ModalLearningObjectPublished.js | 2 +- src/Components/Notifications.js | 7 +- .../ModalConfirmarProfessor.js | 4 +- .../PublicationPermissionsContent.js | 71 +++++++++---------- src/Components/RedirectModal.js | 2 +- src/Components/ReportColecaoForm.js | 4 +- src/Components/ReportRecursoForm.js | 7 +- src/Components/ReportUserForm.js | 6 +- .../ResourcePageComponents/VideoPlayer.js | 25 ++++--- src/Components/SignUpContainerFunction.js | 18 +---- src/Components/SignUpModal.js | 4 +- src/Components/Stepper.js | 2 +- src/Components/StoreGuide.js | 1 - .../PublicUserPageTabs/LastCollections.js | 2 +- src/Components/TabPanels/StyledComponents.js | 3 +- .../UserPageTabs/ContainerRedeVazia.js | 12 +--- .../TabPanels/UserPageTabs/PanelAtividades.js | 15 +--- .../TabPanels/UserPageTabs/PanelCuradoria.js | 1 - .../TabPanels/UserPageTabs/PanelFavoritos.js | 2 +- .../UserPageTabs/PanelGerenciarConta.js | 3 +- .../TabPanels/UserPageTabs/PanelRede.js | 8 +-- src/Components/TopicCard.js | 5 +- src/Components/TopicFooter.js | 4 +- src/Components/TopicList.js | 4 +- .../UploadPageComponents/ButtonsDiv.js | 2 +- .../UploadPageComponents/ChooseLinkSection.js | 5 +- .../UploadPageComponents/Forms/Idioma.js | 3 +- .../UploadPageComponents/Forms/Keywords.js | 4 +- .../Forms/SobreORecurso.js | 2 +- .../Forms/TipoDeRecurso.js | 3 +- .../UploadPageComponents/ModalCancelar.js | 9 ++- .../UploadPageComponents/PartOne.js | 31 ++++---- .../UploadPageComponents/PartTwo.js | 6 +- .../PartTwoComponents/DragAndDropThumbnail.js | 5 +- .../PartTwoComponents/EducationalStage.js | 2 +- .../PartTwoComponents/Licenca.js | 7 +- .../PartTwoComponents/SubjectsAndThemes.js | 4 +- .../UploadPageComponents/SendInfo.js | 8 +-- .../UploadPageComponents/UploadFileWrapper.js | 12 +--- src/Components/UserCardGamified.js | 1 - src/Components/UserPageComponents/Avatar.js | 4 +- src/Components/UserPageComponents/Cover.js | 3 +- .../UserPageComponents/SubmitterStatus.js | 2 +- src/Pages/AboutPage.js | 40 +++++------ src/Pages/Accessibility.js | 1 + src/Pages/EditLearningObjectPage.js | 15 ++-- src/Pages/EditProfilePage.js | 5 +- src/Pages/FormationMaterialIframe.js | 6 +- src/Pages/FormationMaterialPage.js | 10 ++- src/Pages/HelpCenter.js | 4 +- src/Pages/ItemStore.js | 7 +- src/Pages/PasswordRecoveryPage.js | 4 +- src/Pages/TabsHelp/TabManageAc.js | 2 +- src/Pages/TabsHelp/TabNetPart.js | 2 +- src/Pages/TabsHelp/TabPlataformaMEC.js | 2 +- src/Pages/TabsHelp/TabResourseFind.js | 2 +- src/Pages/TabsHelp/TabResoursePub.js | 2 +- src/Pages/TermsPage.js | 47 ++++++------ src/Pages/UploadPage.js | 5 +- src/Pages/UserPage.js | 14 ++-- 119 files changed, 316 insertions(+), 617 deletions(-) diff --git a/src/Components/AboutCarousel.js b/src/Components/AboutCarousel.js index 9bbe6db7..35e68f3a 100644 --- a/src/Components/AboutCarousel.js +++ b/src/Components/AboutCarousel.js @@ -17,8 +17,7 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component } from 'react'; -import ReactDOM from 'react-dom'; +import React from 'react'; import "react-responsive-carousel/lib/styles/carousel.min.css"; import { Carousel } from 'react-responsive-carousel'; import styled from 'styled-components'; diff --git a/src/Components/Activities/Definitions.js b/src/Components/Activities/Definitions.js index 8ff971c8..9b2e1434 100644 --- a/src/Components/Activities/Definitions.js +++ b/src/Components/Activities/Definitions.js @@ -1,4 +1,3 @@ -import React from 'react' export const ObjectColor = { 'Recurso' : 'recurso-color', 'Coleção' : 'colecao-color', diff --git a/src/Components/ActivityListItem.js b/src/Components/ActivityListItem.js index 7af740cd..00def5db 100644 --- a/src/Components/ActivityListItem.js +++ b/src/Components/ActivityListItem.js @@ -16,16 +16,14 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect} from 'react' +import React, {useEffect} from 'react' import styled from 'styled-components' import ListItem from '@material-ui/core/ListItem'; import ListItemAvatar from '@material-ui/core/ListItemAvatar'; -import ListItemIcon from '@material-ui/core/ListItemIcon'; -import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction'; import ListItemText from '@material-ui/core/ListItemText'; import Avatar from '@material-ui/core/Avatar'; import noAvatar from "../img/default_profile.png"; -import {GetActivityProperties, Tag, Possible_Activities, ObjectColor} from './Activities/Definitions.js' +import {GetActivityProperties, Tag, ObjectColor} from './Activities/Definitions.js' //icons import FavoriteIcon from '@material-ui/icons/Favorite'; import CreateIcon from '@material-ui/icons/Create'; @@ -72,7 +70,7 @@ const getTimeDifference = (timestamp) => { const then = moment(timestamp, moment.ISO_8601) let duration = moment.duration(now.diff(then)) - {/*console.log('duration: ', duration)*/} + // {/*console.log('duration: ', duration)*/} let timeDiff; if (duration._data.years > 0) { timeDiff = duration._data.years + (duration._data.years > 1 ? ' anos' : ' ano') @@ -104,7 +102,7 @@ export default function ActivityListItem (props) { useEffect( () => { const newTag = Tag[(props.actionType === 'CuratorAssignment' ? props.actionType : props.objectType)] const {icon, text, text2 } = GetActivityProperties(props.activity) - {/*console.log('icon, text, text2: ', icon, text, text2)*/} + // {/*console.log('icon, text, text2: ', icon, text, text2)*/} setActivity({...activity, tag : newTag, @@ -130,7 +128,7 @@ export default function ActivityListItem (props) { <ListItemText primary = { <div> - <span className = {'tag-object' + ' ' + GetObjectColor(activity.tag)}> + <span className = {`tag-object ${GetObjectColor(activity.tag)}`}> {activity.tag} </span> <span className="time-ago-span"> · há {getTimeDifference(props.createdAt)}</span> diff --git a/src/Components/AreasSubPages.js b/src/Components/AreasSubPages.js index 9fcbe7f6..f6b59bb2 100644 --- a/src/Components/AreasSubPages.js +++ b/src/Components/AreasSubPages.js @@ -21,9 +21,7 @@ import axios from "axios"; import { apiUrl } from "../env"; import "./carousel.css"; import { Col, Row, Container, Hidden, Visible } from "react-grid-system"; -import ResourceCard from "./ResourceCard"; import MaterialCard from "./MaterialCard"; -import CollectionCard from "./CollectionCard"; import "react-responsive-carousel/lib/styles/carousel.min.css"; import { Carousel } from "react-responsive-carousel"; import recursos from "../img/ilustra_recursos_digitais.png"; @@ -167,7 +165,6 @@ class ReqCollections extends Component { thumbnails={card.items_thumbnails} avatar={card.owner.avatar} likeCount={card.likes_count} - id={card.id} /> </Col> ))} @@ -184,8 +181,6 @@ class ReqCollections extends Component { thumbnails={card.items_thumbnails} avatar={card.owner.avatar} likeCount={card.likes_count} - id={card.id} - /> </Col> ))} @@ -202,8 +197,6 @@ class ReqCollections extends Component { thumbnails={card.items_thumbnails} avatar={card.owner.avatar} likeCount={card.likes_count} - id={card.id} - /> </Col> ))} diff --git a/src/Components/ButtonAvaliarRecurso.js b/src/Components/ButtonAvaliarRecurso.js index 3e41d4fa..8b307048 100644 --- a/src/Components/ButtonAvaliarRecurso.js +++ b/src/Components/ButtonAvaliarRecurso.js @@ -1,4 +1,4 @@ -import React, {useState} from 'react' +import React from 'react' import { Button } from '@material-ui/core'; import styled from 'styled-components' import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; diff --git a/src/Components/Carousel.js b/src/Components/Carousel.js index 3e8e9029..ba360231 100644 --- a/src/Components/Carousel.js +++ b/src/Components/Carousel.js @@ -18,13 +18,10 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, { Component } from 'react'; -import ReactDOM from 'react-dom'; import "react-responsive-carousel/lib/styles/carousel.min.css"; import { Carousel } from 'react-responsive-carousel'; import styled from 'styled-components'; import Grid from '@material-ui/core/Grid'; -import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos'; -import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos'; @@ -524,7 +521,7 @@ class TermsCarousel extends Component { <p>Como repositório, a Plataforma hospeda somente Recursos Educacionais Abertos (REA). Todo conteúdo inserido por usuários deve ser aberto.</p> </div> <div className="content"> - <img className="twoArrow" src={Arrow_double}/> + <img alt="" className="twoArrow" src={Arrow_double}/> <p>Como referatório, a Plataforma aponta links para parceiros, e<br/> esses recursos podem ser abertos ou fechados.</p> </div> </Grid> diff --git a/src/Components/ColaborarModal.js b/src/Components/ColaborarModal.js index 1c23fb01..f12fa110 100644 --- a/src/Components/ColaborarModal.js +++ b/src/Components/ColaborarModal.js @@ -1,10 +1,9 @@ -import React, {useContext, useState} from 'react'; +import React, {useState} from 'react'; import Modal from '@material-ui/core/Modal'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' import { Button } from '@material-ui/core'; import Backdrop from '@material-ui/core/Backdrop'; -import { Store } from '../Store.js'; import CloseIcon from '@material-ui/icons/Close'; import LabeledCheckbox from "../Components/Checkbox.js" import {Link} from 'react-router-dom' diff --git a/src/Components/CollectionAuthor.js b/src/Components/CollectionAuthor.js index 56b940a4..c81f227a 100644 --- a/src/Components/CollectionAuthor.js +++ b/src/Components/CollectionAuthor.js @@ -21,7 +21,6 @@ import { Grid } from '@material-ui/core'; import styled from 'styled-components'; import { Link } from 'react-router-dom'; import CircularProgress from '@material-ui/core/CircularProgress'; -import LinearProgress from '@material-ui/core/LinearProgress'; export default function CollectionAuthor(props) { diff --git a/src/Components/CollectionCardFunction.js b/src/Components/CollectionCardFunction.js index eeb20234..5b015705 100644 --- a/src/Components/CollectionCardFunction.js +++ b/src/Components/CollectionCardFunction.js @@ -18,17 +18,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState, useContext} from 'react'; import {Store} from '../Store.js' -import Card from '@material-ui/core/Card'; import {apiDomain, apiUrl} from '../env'; -import Options from './CardOptions' import noAvatar from "../img/default_profile.png"; -import { makeStyles } from '@material-ui/core/styles'; import Button from '@material-ui/core/Button'; import styled from 'styled-components' import Slide from '@material-ui/core/Slide'; import Grid from '@material-ui/core/Grid'; import {StyledCard, CardDiv, CardReaDiv, Footer, LikeCounter, ButtonNoWidth, EnviadoPor, TagContainer} from './ResourceCardFunction.js' -import CardContent from '@material-ui/core/CardContent'; import Rating from '@material-ui/lab/Rating'; import StarBorderIcon from '@material-ui/icons/StarBorder'; import FolderIcon from '@material-ui/icons/Folder'; @@ -45,7 +41,8 @@ import {getAxiosConfig} from '../Components/HelperFunctions/getAxiosConfig' export default function CollectionCardFunction (props) { const {state} = useContext(Store) - const [userAvatar, setUserAvatar] = useState(props.avatar ? (`${apiDomain}` + props.avatar) : noAvatar) + // eslint-disable-next-line + const [userAvatar] = useState(props.avatar ? (`${apiDomain}` + props.avatar) : noAvatar) const [userFollowingCol, toggleUserFollowingCol] = useState(props.followed) const handleToggleUserFollowingCol = () => {toggleUserFollowingCol(!userFollowingCol)} @@ -208,7 +205,7 @@ export default function CollectionCardFunction (props) { <Type> <FolderIcon /> <span style={{fontWeight:"bold"}}>{props.thumbnails.length} </span> - <span>{props.thumbnails.length != 1 ? "Recursos" : "Recurso"}</span> + <span>{props.thumbnails.length !== 1 ? "Recursos" : "Recurso"}</span> </Type> <LikeCounter> <span>{likesCount}</span> diff --git a/src/Components/CollectionDescription.js b/src/Components/CollectionDescription.js index e6b2cd07..aa35cb0d 100644 --- a/src/Components/CollectionDescription.js +++ b/src/Components/CollectionDescription.js @@ -16,21 +16,15 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { useContext, useState, useEffect } from 'react'; +import React, { useState, useEffect } from 'react'; import axios from 'axios'; -import { Store } from '../Store.js' import { Grid } from '@material-ui/core'; -import Button from '@material-ui/core/Button'; -import GetAppIcon from '@material-ui/icons/GetApp'; -import AddIcon from '@material-ui/icons/Add'; import styled from 'styled-components'; -import LinearProgress from '@material-ui/core/LinearProgress'; import CollectionReview from './CollectionReview.js'; -import FollowCollectionButton from './FollowCollectionButton.js'; import { apiUrl, apiDomain } from '../env'; export default function CollectionDescription(props) { - const { state } = useContext(Store); + // eslint-disable-next-line const [download_url, setDownloadUrl] = useState(''); useEffect(() => { @@ -95,16 +89,4 @@ const Title=styled.h1` font-size: 2.5em; color: rgb(102, 102, 102); text-align: center -` -const ButtonText=styled.span` - font-weight: bolder; - font-size: 1.2em; -` -const DownloadButton=styled(Button)` - padding-left: 10; - padding-right: 10; - width: 250px; -` -const DownloadAnchor=styled.a` - text-decoration: none !important; -` +` \ No newline at end of file diff --git a/src/Components/CollectionReview.js b/src/Components/CollectionReview.js index eaa5eb4e..c1b2d4f0 100644 --- a/src/Components/CollectionReview.js +++ b/src/Components/CollectionReview.js @@ -18,7 +18,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, { useContext, useState, useEffect } from 'react'; import { Grid } from '@material-ui/core'; -import styled from 'styled-components'; import Rating from '@material-ui/lab/Rating'; import IconButton from '@material-ui/core/IconButton'; import StarBorderIcon from '@material-ui/icons/StarBorder'; diff --git a/src/Components/Comment.js b/src/Components/Comment.js index e1a69e4d..51850497 100644 --- a/src/Components/Comment.js +++ b/src/Components/Comment.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext, useEffect} from 'react' +import React, {useState, useContext} from 'react' import {Store} from '../Store.js' import styled from 'styled-components' import Grid from '@material-ui/core/Grid'; diff --git a/src/Components/ContactButtons/FollowButton.js b/src/Components/ContactButtons/FollowButton.js index 09362df1..4faddda7 100644 --- a/src/Components/ContactButtons/FollowButton.js +++ b/src/Components/ContactButtons/FollowButton.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState} from 'react' +import React from 'react' import PersonAddIcon from '@material-ui/icons/PersonAdd'; import styled from 'styled-components' import Button from '@material-ui/core/Button'; @@ -65,7 +65,7 @@ export function NoIcon (props) { const id = followerID console.log('id: ', id) - if (id != undefined) { + if (id !== undefined) { let payload = {} const header = getAxiosConfig() diff --git a/src/Components/ContactCard.js b/src/Components/ContactCard.js index 83ce16ab..b1c26823 100644 --- a/src/Components/ContactCard.js +++ b/src/Components/ContactCard.js @@ -16,38 +16,20 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect, useContext} from 'react'; -import {Container} from 'react-grid-system'; +import React, {useState} from 'react'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/CardContent'; -import CardActionArea from '@material-ui/core/CardActionArea'; -import CardActions from '@material-ui/core/CardActions'; -import {apiDomain} from '../env'; -import { Store } from '../Store.js'; import noAvatar from "../img/default_profile.png"; -import { makeStyles } from '@material-ui/core/styles'; import CardMedia from '@material-ui/core/CardMedia'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; import styled from 'styled-components' -import axios from 'axios' -import {apiUrl} from '../env'; import Options from './ContactCardOptions.js' import FollowButton from './ContactButtons/FollowButton.js' import FollowingButton from './ContactButtons/FollowingButton.js' import FollowersCountButton from './ContactButtons/FollowersCountButton.js' import {Link} from 'react-router-dom'; -const useStyles = makeStyles({ - root: { - maxWidth: 345, - borderRadius : 0 - }, -}); export default function ImgMediaCard(props) { - const classes = useStyles(); - const {state} = useContext(Store) const [followedBoolean, setFollowedBoolean] = useState(props.followed) const toggleFollowed = () => {setFollowedBoolean(!followedBoolean)} @@ -81,7 +63,7 @@ export default function ImgMediaCard(props) { <Link to={props.href}> <span style={{fontSize : "14px", fontWeight : "normal"}}> - <b>{props.numCollections}</b> {props.numCollections != 1? "Coleções" : "Coleção"} | <b>{props.numLearningObjects}</b> {props.numLearningObjects != 1? "Recursos" : "Recurso"} + <b>{props.numCollections}</b> {props.numCollections !== 1? "Coleções" : "Coleção"} | <b>{props.numLearningObjects}</b> {props.numLearningObjects !== 1? "Recursos" : "Recurso"} </span> </Link> diff --git a/src/Components/ContactCardOptions.js b/src/Components/ContactCardOptions.js index 39178575..99de8ca9 100644 --- a/src/Components/ContactCardOptions.js +++ b/src/Components/ContactCardOptions.js @@ -16,8 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState} from 'react'; -import {Store} from '../Store.js' +import React, {useState} from 'react'; import styled from 'styled-components' import Button from '@material-ui/core/Button'; import Menu from '@material-ui/core/Menu'; diff --git a/src/Components/ContactForm.js b/src/Components/ContactForm.js index e5cc2981..b00d2f32 100644 --- a/src/Components/ContactForm.js +++ b/src/Components/ContactForm.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components'; import FormInput from "../Components/FormInput.js" import axios from 'axios' diff --git a/src/Components/CriarColecaoForm.js b/src/Components/CriarColecaoForm.js index 83560d91..9eada322 100644 --- a/src/Components/CriarColecaoForm.js +++ b/src/Components/CriarColecaoForm.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext} from 'react' +import React, {useContext} from 'react' import {Store} from '../Store.js' import { Button } from '@material-ui/core'; import styled from 'styled-components' @@ -51,7 +51,7 @@ export default function CriarColecaoForm (props) { const handleColName = (e) => { const userInput = e.target.value - const flag = userInput.length == 0 ? true : false + const flag = userInput.length === 0 ? true : false setColName({...colName, key : flag, @@ -62,7 +62,7 @@ export default function CriarColecaoForm (props) { const formSubmit = (e) => { e.preventDefault() - {/*if user didn't select either one, default to privada*/} + // {/*if user didn't select either one, default to privada*/} const finalRadioValue = value === 'pública' ? 'public' : 'private' const finalColName = colName diff --git a/src/Components/CriarColecaoModal.js b/src/Components/CriarColecaoModal.js index 9b04f2dd..73e7384f 100644 --- a/src/Components/CriarColecaoModal.js +++ b/src/Components/CriarColecaoModal.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState} from 'react' +import React from 'react' import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; diff --git a/src/Components/Cropper.js b/src/Components/Cropper.js index 28f09d42..ccccc4c2 100644 --- a/src/Components/Cropper.js +++ b/src/Components/Cropper.js @@ -16,7 +16,6 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import ReactDOM from 'react-dom'; import React, { PureComponent } from 'react'; import ReactCrop from 'react-image-crop'; import 'react-image-crop/dist/ReactCrop.css'; @@ -46,6 +45,7 @@ export default class Cropper extends PureComponent { async makeClientCrop(crop) { if (this.imageRef && crop.width && crop.height) { + // eslint-disable-next-line const croppedImageUrl = await this.getCroppedImg( this.imageRef, crop, @@ -81,7 +81,7 @@ export default class Cropper extends PureComponent { canvas.toBlob(blob => { reader.readAsDataURL(blob) reader.onloadend = () => { - {/*this.dataURLtoFile(reader.result, 'cropped.jpg')*/} + // {/*this.dataURLtoFile(reader.result, 'cropped.jpg')*/} this.props.update(reader.result) } }) @@ -89,6 +89,7 @@ export default class Cropper extends PureComponent { } render() { + // eslint-disable-next-line const { crop, croppedImageUrl, src } = this.state; return ( diff --git a/src/Components/EditarColecaoForm.js b/src/Components/EditarColecaoForm.js index f40f811c..a078b1af 100644 --- a/src/Components/EditarColecaoForm.js +++ b/src/Components/EditarColecaoForm.js @@ -43,10 +43,10 @@ export default function EditarColecaoForm (props) { ) }, []) - const [value, setValue] = React.useState(-1); + const [value, setValue] = useState(-1); /*values are set according to backend complaint id*/ - const [options] = React.useState([ + const [options] = useState([ {value : "pública", text :'Pública (Sua coleção estará disponÃvel para todos)'}, {value : "privada", text : 'Privada (Somente você poderá visualizar esta coleção)'} ]) @@ -55,7 +55,7 @@ export default function EditarColecaoForm (props) { setValue(event.target.value); }; - const [colName, setColName] = React.useState({ + const [colName, setColName] = useState({ key : false, value : "", }) @@ -63,7 +63,7 @@ export default function EditarColecaoForm (props) { const handleColName = (e) => { const userInput = e.target.value - const flag = userInput.length == 0 ? true : false + const flag = userInput.length === 0 ? true : false setColName({...colName, key : flag, @@ -74,7 +74,7 @@ export default function EditarColecaoForm (props) { const formSubmit = (e) => { e.preventDefault() - {/*if user didn't select either one, default to privada*/} + // {/*if user didn't select either one, default to privada*/} const finalRadioValue = value === 'pública' ? 'public' : 'private' const finalColName = colName @@ -102,7 +102,7 @@ export default function EditarColecaoForm (props) { } } - const [colDescription, handleColDescription] = React.useState("") + const [colDescription, handleColDescription] = useState("") const setColDescription = (e) => {handleColDescription(e.target.value)} return ( diff --git a/src/Components/ExpansionPanels.js b/src/Components/ExpansionPanels.js index 0ebb3e70..a16fa904 100644 --- a/src/Components/ExpansionPanels.js +++ b/src/Components/ExpansionPanels.js @@ -17,18 +17,14 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {Component} from 'react'; +import React from 'react'; import ExpansionPanel from '@material-ui/core/ExpansionPanel'; import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'; import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'; import Typography from '@material-ui/core/Typography'; -import { Link } from 'react-router-dom' import Grid from '@material-ui/core/Grid'; -import AddIcon from '@material-ui/icons/Add'; -import RemoveIcon from '@material-ui/icons/Remove'; import styled from 'styled-components'; -import { makeStyles } from '@material-ui/styles'; import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; diff --git a/src/Components/FloatingDownloadButton.js b/src/Components/FloatingDownloadButton.js index 5d78b87d..96537210 100644 --- a/src/Components/FloatingDownloadButton.js +++ b/src/Components/FloatingDownloadButton.js @@ -16,10 +16,8 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components'; -import axios from 'axios'; -import {apiUrl} from '../env'; import GetAppIcon from '@material-ui/icons/GetApp'; import Fab from '@material-ui/core/Fab'; import Snackbar from '@material-ui/core/Snackbar'; diff --git a/src/Components/FormValidationFunction.js b/src/Components/FormValidationFunction.js index c7a8407c..27520b23 100644 --- a/src/Components/FormValidationFunction.js +++ b/src/Components/FormValidationFunction.js @@ -1,4 +1,3 @@ -import React from 'react' //fieldName : form field name //userInput : user input for a given field diff --git a/src/Components/FormationMaterialDescription.js b/src/Components/FormationMaterialDescription.js index af774a9f..ab8b6b4a 100644 --- a/src/Components/FormationMaterialDescription.js +++ b/src/Components/FormationMaterialDescription.js @@ -1,16 +1,9 @@ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components' -import axios from 'axios'; -import { apiUrl } from '../env'; + import Grid from '@material-ui/core/Grid'; -import Link from '@material-ui/core/Link'; -import CardContent from '@material-ui/core/CardContent'; + import Card from '@material-ui/core/Card'; -import List from '@material-ui/core/List'; -import ListItem from '@material-ui/core/ListItem'; -import ListItemIcon from '@material-ui/core/ListItemIcon'; -import ListItemText from '@material-ui/core/ListItemText'; -import VerticalRuler from './VerticalRuler.js'; import MoveToInboxIcon from '@material-ui/icons/MoveToInbox'; import LibraryBooksIcon from '@material-ui/icons/LibraryBooks'; @@ -106,7 +99,7 @@ export default function FormationMaterialDescription(props) { <br/> <StyledAnchor href={colecao_obj.developedurl}> { - colecao_obj.id == 3 ? <LongUserIcon src="img/logo_parceiros/ic_peninsula.png" /> + colecao_obj.id === 3 ? <LongUserIcon src="img/logo_parceiros/ic_peninsula.png" /> : <div> <UserIcon src="img/logo_parceiros/ic_nute.png"/> <Red> @@ -124,12 +117,6 @@ export default function FormationMaterialDescription(props) { ); } -const UserLink = (props) => { - return ( - <Link>{props.name}</Link> - ); -} - const Title=styled.h1` font-weight: 100; color: rgb(102, 102, 102); diff --git a/src/Components/FormationMaterialHeader.js b/src/Components/FormationMaterialHeader.js index 13c6010e..03a81692 100644 --- a/src/Components/FormationMaterialHeader.js +++ b/src/Components/FormationMaterialHeader.js @@ -1,10 +1,7 @@ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import { Link } from 'react-router-dom'; import styled from 'styled-components' -import axios from 'axios'; -import { apiUrl } from '../env'; import Grid from '@material-ui/core/Grid'; -import CardContent from '@material-ui/core/CardContent'; import Card from '@material-ui/core/Card'; import Button from '@material-ui/core/Button'; diff --git a/src/Components/FormationMaterialsResources/formationMaterials.js b/src/Components/FormationMaterialsResources/formationMaterials.js index a2851d79..7d26d169 100644 --- a/src/Components/FormationMaterialsResources/formationMaterials.js +++ b/src/Components/FormationMaterialsResources/formationMaterials.js @@ -5,7 +5,7 @@ export default function colecoes_obj() { var tagnames = ["Desigualdade", "Desigualdade Social", 'Pobreza', 'Educação', 'Coleção', 'EPDS', 'Espaços Escolares', 'CurrÃculo'] var _tags = []; - for (var i = 0; i < tagnames.length; i++) { + for (let i = 0; i < tagnames.length; i++) { _tags.push({ name: tagnames[i] }); @@ -165,7 +165,7 @@ export default function colecoes_obj() { tagnames = ['Educação', 'Cultura', "Digital", 'Coleção', 'ECD', 'Espaços Escolares'] _tags = []; - for (var i = 0; i < tagnames.length; i++) { + for (let i = 0; i < tagnames.length; i++) { _tags.push({ name: tagnames[i] }); @@ -776,7 +776,7 @@ O material foi elaborado para este curso de Especialização, na modalidade de e // tagnames = ['Alfabetização', 'Educação', 'Coleção', 'PNAIC', "Alfabetização na Idade Certa"] // _tags = []; - // for (var i = 0; i < tagnames.length; i++) { + // for (let i = 0; i < tagnames.length; i++) { // _tags.push({ // name: tagnames[i] // }); @@ -917,7 +917,7 @@ O material foi elaborado para este curso de Especialização, na modalidade de e tagnames = ['Drogas', 'Prevenção', 'Conselheiros', 'SENAD', "Contextos"] _tags = []; - for (var i = 0; i < tagnames.length; i++) { + for (let i = 0; i < tagnames.length; i++) { _tags.push({ name: tagnames[i] }); @@ -1044,15 +1044,15 @@ O material foi elaborado para este curso de Especialização, na modalidade de e // ------------------------------------------------------------------------ //Banco de Práticas Inspiradoras// - var tagnames = ['Práticas', 'Casos', 'Competências gerais', 'Base Nacional Comum Curricular', 'BNCC'] - var _tags = []; - for (var i = 0; i < tagnames.length; i++) { + tagnames = ['Práticas', 'Casos', 'Competências gerais', 'Base Nacional Comum Curricular', 'BNCC'] + _tags = []; + for (let i = 0; i < tagnames.length; i++) { _tags.push({ name: tagnames[i] }); }; - var topicos = []; + topicos = []; topicos.push({ id: 0, pre_title: 'Caso 1: Cara de Brasil (Competência 1)', @@ -1732,7 +1732,7 @@ O material foi elaborado para este curso de Especialização, na modalidade de e }); //------------------------------------------------------- - var colecao = { + colecao = { id: 3, name: 'Banco de Práticas Inspiradoras', tags: _tags, diff --git a/src/Components/Header.js b/src/Components/Header.js index 329e455e..14025e28 100644 --- a/src/Components/Header.js +++ b/src/Components/Header.js @@ -19,7 +19,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, { useContext, useState, useEffect } from 'react' import axios from 'axios' import {apiUrl} from '../env' -import AcessibilityBar from './AcessibilityBar' import MenuBar from './MenuBar' import SearchBar from './SearchBar' import SignUpModal from './SignUpModal' @@ -65,6 +64,7 @@ export default function Header(props){ 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'], @@ -81,7 +81,7 @@ export default function Header(props){ } useEffect( () => { - if (sessionStorage.getItem('@portalmec/auth_headers') != undefined) { + if (sessionStorage.getItem('@portalmec/auth_headers')) { let config = { headers : JSON.parse(sessionStorage.getItem('@portalmec/auth_headers'))} validateToken(config) @@ -89,7 +89,7 @@ export default function Header(props){ }, []) useEffect ( () => { - if (state.currentUser.askTeacherQuestion == true) { + if (state.currentUser.askTeacherQuestion === true) { dispatch({ type: "TOGGLE_MODAL_COLABORAR_PLATAFORMA", modalColaborarPlataformaOpen: true @@ -106,7 +106,7 @@ export default function Header(props){ let query = new URLSearchParams(loc.search) console.log(query.getAll("auth_token")) - if(query.get("auth_token") != undefined) { + if(query.get("auth_token")) { let config = { headers : { "access-token" : query.get("auth_token"), diff --git a/src/Components/HelpCenter/TabsManageAc/Forget.js b/src/Components/HelpCenter/TabsManageAc/Forget.js index a96de5c6..c3c247a3 100644 --- a/src/Components/HelpCenter/TabsManageAc/Forget.js +++ b/src/Components/HelpCenter/TabsManageAc/Forget.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; import LoginImg from '../../../img/ajuda/login_img.jpg' diff --git a/src/Components/HelpCenter/TabsManageAc/HowToAccess.js b/src/Components/HelpCenter/TabsManageAc/HowToAccess.js index f367cd42..aa060356 100644 --- a/src/Components/HelpCenter/TabsManageAc/HowToAccess.js +++ b/src/Components/HelpCenter/TabsManageAc/HowToAccess.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsManageAc/HowToChange.js b/src/Components/HelpCenter/TabsManageAc/HowToChange.js index 456d434e..1b119e99 100644 --- a/src/Components/HelpCenter/TabsManageAc/HowToChange.js +++ b/src/Components/HelpCenter/TabsManageAc/HowToChange.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsManageAc/HowToDo.js b/src/Components/HelpCenter/TabsManageAc/HowToDo.js index 084e78f3..f2df2d29 100644 --- a/src/Components/HelpCenter/TabsManageAc/HowToDo.js +++ b/src/Components/HelpCenter/TabsManageAc/HowToDo.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsManageAc/Why.js b/src/Components/HelpCenter/TabsManageAc/Why.js index a18088dc..09c243b0 100644 --- a/src/Components/HelpCenter/TabsManageAc/Why.js +++ b/src/Components/HelpCenter/TabsManageAc/Why.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsNetPart/How.js b/src/Components/HelpCenter/TabsNetPart/How.js index 8317ce5f..221667e3 100644 --- a/src/Components/HelpCenter/TabsNetPart/How.js +++ b/src/Components/HelpCenter/TabsNetPart/How.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsNetPart/What.js b/src/Components/HelpCenter/TabsNetPart/What.js index 5970321c..8171c7e4 100644 --- a/src/Components/HelpCenter/TabsNetPart/What.js +++ b/src/Components/HelpCenter/TabsNetPart/What.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsResourseFind/HowToDo.js b/src/Components/HelpCenter/TabsResourseFind/HowToDo.js index 087f1625..65934c1c 100644 --- a/src/Components/HelpCenter/TabsResourseFind/HowToDo.js +++ b/src/Components/HelpCenter/TabsResourseFind/HowToDo.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; import Busca from '../../../img/ajuda/busca_img.jpg' diff --git a/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js b/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js index 78e362ff..928d3dc9 100644 --- a/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js +++ b/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; import Filtros from '../../../img/ajuda/filtros_img.jpg' diff --git a/src/Components/HelpCenter/TabsResourseFind/HowToRank.js b/src/Components/HelpCenter/TabsResourseFind/HowToRank.js index 0891ec53..cb2a04b6 100644 --- a/src/Components/HelpCenter/TabsResourseFind/HowToRank.js +++ b/src/Components/HelpCenter/TabsResourseFind/HowToRank.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsResoursePub/How.js b/src/Components/HelpCenter/TabsResoursePub/How.js index fbf097e1..a84cd304 100644 --- a/src/Components/HelpCenter/TabsResoursePub/How.js +++ b/src/Components/HelpCenter/TabsResoursePub/How.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsResoursePub/Which.js b/src/Components/HelpCenter/TabsResoursePub/Which.js index 514e5211..49a5e1f1 100644 --- a/src/Components/HelpCenter/TabsResoursePub/Which.js +++ b/src/Components/HelpCenter/TabsResoursePub/Which.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelpCenter/TabsResoursePub/Why.js b/src/Components/HelpCenter/TabsResoursePub/Why.js index c0e703c0..ca1a16b9 100644 --- a/src/Components/HelpCenter/TabsResoursePub/Why.js +++ b/src/Components/HelpCenter/TabsResoursePub/Why.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; diff --git a/src/Components/HelperFunctions/getAxiosConfig.js b/src/Components/HelperFunctions/getAxiosConfig.js index 99aef6a0..63a4ff6e 100644 --- a/src/Components/HelperFunctions/getAxiosConfig.js +++ b/src/Components/HelperFunctions/getAxiosConfig.js @@ -1,4 +1,3 @@ -import React from 'react' export const getAxiosConfig = () => { let config = { diff --git a/src/Components/HelperFunctions/getDefaultThumbnail.js b/src/Components/HelperFunctions/getDefaultThumbnail.js index 7bdaa5f2..cb92a38f 100644 --- a/src/Components/HelperFunctions/getDefaultThumbnail.js +++ b/src/Components/HelperFunctions/getDefaultThumbnail.js @@ -1,4 +1,3 @@ -import React from 'react' import Animacao from '../../img/laranja/ANIMACAO_SIMULACAO.jpg' import AplicativoMovel from '../../img/laranja/APP.jpg' import Apresentacao from '../../img/laranja/APRESENTACAO.jpg' @@ -18,46 +17,32 @@ export const getDefaultThumbnail = (objType) => { switch (objType.toLowerCase()) { case "imagem": return Imagem; - break; case "mapa": return Mapa; - break; case "software educacional" : return SoftwareEducacional; - break; case "aplicativo móvel": return AplicativoMovel; - break; case "apresentação": return Apresentacao; - break; case "áudio": return Audio; - break; case "infográfico": return Infografico; - break; case "jogo": return Jogo; - break; case "livro digital" : return LivroDigital; - break; case "texto": return Texto; - break; case "vÃdeo": return Video; - break; case "animação": return Animacao; - break; case null: return Empty; - break; default: return Outros; - break; } } diff --git a/src/Components/IframeOverlay/WhiteAreaOfCard.js b/src/Components/IframeOverlay/WhiteAreaOfCard.js index 738d5715..0f4604bb 100644 --- a/src/Components/IframeOverlay/WhiteAreaOfCard.js +++ b/src/Components/IframeOverlay/WhiteAreaOfCard.js @@ -1,10 +1,8 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; +import React from 'react'; import styled from 'styled-components'; import Grid from '@material-ui/core/Grid'; import OndemandVideoIcon from '@material-ui/icons/OndemandVideo'; import FavoriteIcon from '@material-ui/icons/Favorite'; -import IconButton from '@material-ui/core/IconButton'; export default function WhiteAreaOfCard(props) { return( diff --git a/src/Components/ItemCard.js b/src/Components/ItemCard.js index 21f87f4f..dea4bd2a 100644 --- a/src/Components/ItemCard.js +++ b/src/Components/ItemCard.js @@ -15,13 +15,11 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext} from 'react'; +import React from 'react'; import styled from 'styled-components'; import Grid from '@material-ui/core/Grid'; import Card from '@material-ui/core/Card'; -import CardActions from '@material-ui/core/CardActions'; import CardContent from '@material-ui/core/CardContent'; -import gem from '../img/gamification/gem.svg'; import ItemCardAction from './ItemCardAction.js'; const ItemImage = styled.img` diff --git a/src/Components/ItemCardAction.js b/src/Components/ItemCardAction.js index c5e9f41d..ed1cc7dd 100644 --- a/src/Components/ItemCardAction.js +++ b/src/Components/ItemCardAction.js @@ -15,16 +15,12 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext} from 'react'; +import React, {useState} from 'react'; import styled from 'styled-components'; -import Card from '@material-ui/core/Card'; -import CardActions from '@material-ui/core/CardActions'; -import CardContent from '@material-ui/core/CardContent'; import Snackbar from '@material-ui/core/Snackbar'; import MuiAlert from '@material-ui/lab/Alert'; import Button from '@material-ui/core/Button'; import gem from '../img/gamification/gem.svg'; -import SnackbarContent from '@material-ui/core/SnackbarContent'; import Dialog from '@material-ui/core/Dialog'; import DialogActions from '@material-ui/core/DialogActions'; import DialogContent from '@material-ui/core/DialogContent'; @@ -45,7 +41,7 @@ const actionStyle = (operation) => { fontWeight: 'bold', cursor: 'pointer' } - stl.color = operation != 'buy' ? '#02a5c3' : '#666666'; + stl.color = operation !== 'buy' ? '#02a5c3' : '#666666'; return stl; } @@ -65,32 +61,35 @@ export default function ItemCardAction (props) { const [failure, setFailure] = useState(false); const [message, setMessage] = useState(""); const [info, setInfo] = useState(false); + // eslint-disable-next-line const [item_id, setItemID] = useState(0); const [last_operation, setLastOperation] = useState(); const [open_dialog, setOpenDialog] = useState(false); - const nonPurchaseMessage = <span>Item {last_operation == 'equip' ? 'retirado' : 'equipado'}. <a onClick={revertLastOperation}>Desfazer</a></span>; + + + const revertLastOperation = () => { + manageItemAndShowSnackbar(last_operation === 'equip' ? 'unequip' : 'equip', + setInfo, + nonPurchaseMessage, + 'Erro'); + } + + const nonPurchaseMessage = <span>Item {last_operation === 'equip' ? 'retirado' : 'equipado'}. <div onClick={revertLastOperation}>Desfazer</div></span>; const handleClose = (snackbar) => { - if (snackbar == 'success') + if (snackbar === 'success') setSuccess(false); - else if (snackbar == 'info') + else if (snackbar === 'info') setInfo(false); else setFailure(false); } - const revertLastOperation = () => { - manageItemAndShowSnackbar(last_operation == 'equip' ? 'unequip' : 'equip', - setInfo, - nonPurchaseMessage, - 'Erro'); - } - const manageItemAndShowSnackbar = (operation, setSnackbar, successMessage, failureMessage) => { axios.patch(apiUrl + '/users/' + operation + '_item?id=' + item_id).then( response => { - if (response.status == 200) { + if (response.status === 200) { setSnackbar(true); setMessage(successMessage); } else { @@ -99,7 +98,7 @@ export default function ItemCardAction (props) { } } ); - setLastOperation(operation == 'purchase' ? last_operation : (operation == 'equip' ? 'unequip' : 'equip')); + setLastOperation(operation === 'purchase' ? last_operation : (operation === 'equip' ? 'unequip' : 'equip')); } const handleClickBuyItem = () => { @@ -114,11 +113,11 @@ export default function ItemCardAction (props) { const handleClick = () => { // this will become an axios get - if (props.operation == 'unequip') + if (props.operation === 'unequip') manageItemAndShowSnackbar('unequip', setInfo, nonPurchaseMessage, 'Erro'); - else if (props.operation == 'equip') + else if (props.operation === 'equip') manageItemAndShowSnackbar('equip', setInfo, nonPurchaseMessage, 'Erro'); - else if (props.operation == 'buy') { + else if (props.operation === 'buy') { setOpenDialog(true); } } @@ -141,9 +140,9 @@ export default function ItemCardAction (props) { </Alert> </Snackbar> <span style={actionStyle(props.operation)} onClick={handleClick}> - {props.operation == 'buy' ? <GemImg src={gem}/> : <span/>} - {props.operation == 'buy' ? "COMPRAR" : - props.operation == 'equip' ? "USAR" : "TIRAR"} + {props.operation === 'buy' ? <GemImg src={gem}/> : <span/>} + {props.operation === 'buy' ? "COMPRAR" : + props.operation === 'equip' ? "USAR" : "TIRAR"} </span> <Dialog open={open_dialog} diff --git a/src/Components/ItemCarousel.js b/src/Components/ItemCarousel.js index a3e03e8e..a790b4f1 100644 --- a/src/Components/ItemCarousel.js +++ b/src/Components/ItemCarousel.js @@ -15,12 +15,8 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext} from 'react'; -import styled from 'styled-components'; +import React, {useState} from 'react'; import Grid from '@material-ui/core/Grid'; -import Card from '@material-ui/core/Card'; -import CardActions from '@material-ui/core/CardActions'; -import CardContent from '@material-ui/core/CardContent'; import ItemCard from './ItemCard.js'; import ArrowBackIcon from '@material-ui/icons/ArrowBack'; import ArrowForwardIcon from '@material-ui/icons/ArrowForward'; @@ -32,13 +28,13 @@ export default function ItemCarousel (props) { const [right, setRight] = useState(5); const goLeft = () => { - setRight(right == 0 ? props.items.length-1 : right-1); - setLeft(left == 0 ? props.items.length-1 : left-1); + setRight(right === 0 ? props.items.length-1 : right-1); + setLeft(left === 0 ? props.items.length-1 : left-1); } const goRight = () => { - setRight(right == props.items.length-1 ? 0 : right+1); - setLeft(left == props.items.length-1 ? 0 : left+1); + setRight(right === props.items.length-1 ? 0 : right+1); + setLeft(left === props.items.length-1 ? 0 : left+1); } return ( diff --git a/src/Components/LevelDescriptionCard.js b/src/Components/LevelDescriptionCard.js index 90e43b78..7c55a81f 100644 --- a/src/Components/LevelDescriptionCard.js +++ b/src/Components/LevelDescriptionCard.js @@ -1,16 +1,9 @@ -import React, { Component, useState, useEffect } from 'react'; - -import {Container} from 'react-grid-system'; -import Card from '@material-ui/core/Card'; -import CardContent from '@material-ui/core/CardContent'; +import React from 'react'; import styled from 'styled-components' import ShinyProgressBar from './ShinyProgressBar.js' import { Grid } from '@material-ui/core' -import axios from 'axios'; -import { apiUrl } from '../env'; - export default function LevelDescriptionCard(props) { return ( @@ -54,9 +47,6 @@ const CurrentCoins = styled.p` margin-right: 30px; ` -const CurrentLevelInfo = styled.div` - background-color: red; -` const CurrentLevelNumber = styled.h1` font-weight: 500; font-size: 40px; diff --git a/src/Components/LoginModal.js b/src/Components/LoginModal.js index 91f9e4d0..18b5e7e6 100644 --- a/src/Components/LoginModal.js +++ b/src/Components/LoginModal.js @@ -17,7 +17,6 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useContext, useState} from 'react'; -import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Zoom from '@material-ui/core/Fade'; @@ -92,7 +91,7 @@ export default function LoginModal (props){ props.handleClose(); props.openSnackbar(); }, (error) => { - {handleSnackbar(true)} + handleSnackbar(true) } ) } diff --git a/src/Components/MenuList.js b/src/Components/MenuList.js index 08b98c5a..6ec3f5c9 100644 --- a/src/Components/MenuList.js +++ b/src/Components/MenuList.js @@ -20,26 +20,16 @@ import React, {useContext} from 'react'; import Button from '@material-ui/core/Button'; import Menu from '@material-ui/core/Menu'; import MenuItem from '@material-ui/core/MenuItem'; -import AccountCircleRoundedIcon from '@material-ui/icons/AccountCircleRounded'; import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown'; import { Link } from 'react-router-dom' import ExitToAppIcon from '@material-ui/icons/ExitToApp'; import { Store } from '../Store'; -import { Redirect } from "react-router-dom"; import Profile from '../img/default_profile0.png' import styled from 'styled-components' import {apiDomain, apiUrl} from '../env.js' import {getAxiosConfig} from './HelperFunctions/getAxiosConfig' import axios from 'axios' -const iconStyles = { - fontSize : "xxx-large", - color: "white", - backgroundColor: "gray", - borderRadius : "50%", - overflow : "hidden", - border : "2px solid #fff", -} const OverrideButton = styled(Button)` text-transform : none !important; @@ -60,7 +50,7 @@ export default function MenuList(props) { const handleLogout = () => { let config = getAxiosConfig() axios.delete(`${apiUrl}/auth/sign_out`, config).then( - (res) => { + () => { localStorage.removeItem('@portalmec/username'); sessionStorage.removeItem('@portalmec/uid'); @@ -94,7 +84,7 @@ export default function MenuList(props) { > <div style={{borderRadius: "50%", border: "2px solid #fff", background: "#fff", overflow: "hidden", maxWidth : "50px", maxHeight : "50px"}}> { - state.currentUser.avatar_file_name == '' || state.currentUser.avatar_file_name == 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"}}/> diff --git a/src/Components/MobileDrawerMenu.js b/src/Components/MobileDrawerMenu.js index 11425404..2b159882 100644 --- a/src/Components/MobileDrawerMenu.js +++ b/src/Components/MobileDrawerMenu.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState} from 'react' +import React, {useContext} from 'react' import { Store } from '../Store'; import Drawer from '@material-ui/core/Drawer'; import styled from 'styled-components' @@ -29,7 +29,6 @@ import AssignmentIcon from '@material-ui/icons/Assignment'; import {ButtonStyled} from './MenuBar' import ExitToAppIcon from '@material-ui/icons/ExitToApp' import { Button } from '@material-ui/core'; -import MenuItem from '@material-ui/core/MenuItem'; import DefaultAvatar from '../img/default_profile0.png' import CloudUploadIcon from '@material-ui/icons/CloudUpload'; import CloudDoneIcon from '@material-ui/icons/CloudDone'; @@ -52,14 +51,14 @@ export default function MobileDrawerMenu (props) { { name : "Termos de Uso", href : "termos", icon : <AssignmentIcon/>}, ] - {/*used in dynamic css selection*/} + // {/*used in dynamic css selection*/} const [selectedIndex, setSelectedIndex] = React.useState(-1); const handleMenuItemClick = (event, index) => { setSelectedIndex(index); }; const getUserAvatar = () => { - if (state.currentUser.avatar_file_name == '' || state.currentUser.avatar_file_name == null) { + if (state.currentUser.avatar_file_name === '' || state.currentUser.avatar_file_name == null) { return DefaultAvatar } else { @@ -67,7 +66,7 @@ export default function MobileDrawerMenu (props) { } } - {/*main user actions array */} + // {/*main user actions array */} const minhaArea = [ { name: "Publicar Recurso", href: "/termos-publicar-recurso", icon : <CloudUploadIcon/>}, { name: "Recursos Publicados", href: "/perfil", icon : <CloudDoneIcon/>, value : '1'}, @@ -76,7 +75,7 @@ export default function MobileDrawerMenu (props) { { name: "Coleções", href: "/perfil", icon : <FolderOpenIcon/>, value : '3'}, ] - {/*dispatches log out actions to Store.js*/} + // {/*dispatches log out actions to Store.js*/} const handleLogout = () => { let config = getAxiosConfig() axios.delete(`${apiUrl}/auth/sign_out`, config).then( diff --git a/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js b/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js index 657c8183..4895cf29 100644 --- a/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js +++ b/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js @@ -18,9 +18,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useContext, useState} from 'react'; import { Button } from '@material-ui/core'; -import Modal from '@material-ui/core/Modal'; -import Backdrop from '@material-ui/core/Backdrop'; -import Zoom from '@material-ui/core/Fade'; import styled from 'styled-components' import {Store} from '../../Store.js' import axios from 'axios' @@ -54,7 +51,7 @@ function ChooseImage (props) { </DivAlterarFoto> { props.tempImg && - <img src={props.tempImg}/> + <img alt="" src={props.tempImg}/> } <ButtonsDiv> <ButtonCancelar onClick={props.handleClose}> @@ -79,8 +76,8 @@ const GetHeaderConfig = () => { 'Uid': sessionStorage.getItem('@portalmec/uid'), } } - {/*'Host': 'api.portalmec.c3sl.ufpr.br', - 'Cookie': ''*/} + // {/*'Host': 'api.portalmec.c3sl.ufpr.br', + // 'Cookie': ''*/} return config } diff --git a/src/Components/ModalAlterarAvatar/ModalAlterarAvatar.js b/src/Components/ModalAlterarAvatar/ModalAlterarAvatar.js index 0698c94b..73583204 100644 --- a/src/Components/ModalAlterarAvatar/ModalAlterarAvatar.js +++ b/src/Components/ModalAlterarAvatar/ModalAlterarAvatar.js @@ -17,16 +17,10 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React from 'react'; -import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import {Store} from '../../Store.js' -import axios from 'axios' -import {apiUrl} from '../../env'; -import CloseIcon from '@material-ui/icons/Close'; -import Profile from '../../img/default_profile0.png' import ComponentAlterarAvatar from './ComponentAlterarAvatar.js' const StyledModal = styled(Modal)` diff --git a/src/Components/ModalAlterarCover/ComponentAlterarCover.js b/src/Components/ModalAlterarCover/ComponentAlterarCover.js index 4178b3cf..caf408d4 100644 --- a/src/Components/ModalAlterarCover/ComponentAlterarCover.js +++ b/src/Components/ModalAlterarCover/ComponentAlterarCover.js @@ -18,15 +18,11 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useContext, useState} from 'react'; import { Button } from '@material-ui/core'; -import Modal from '@material-ui/core/Modal'; -import Backdrop from '@material-ui/core/Backdrop'; -import Zoom from '@material-ui/core/Fade'; import styled from 'styled-components' import {Store} from '../../Store.js' import axios from 'axios' -import {apiUrl, apiDomain} from '../../env'; +import {apiUrl} from '../../env'; import CloseIcon from '@material-ui/icons/Close'; -import Profile from '../../img/default_profile0.png' import Cropper from '../Cropper.js' @@ -41,14 +37,15 @@ const GetHeaderConfig = () => { 'Uid': sessionStorage.getItem('@portalmec/uid'), } } - {/*'Host': 'api.portalmec.c3sl.ufpr.br', - 'Cookie': ''*/} + // {/*'Host': 'api.portalmec.c3sl.ufpr.br', + // 'Cookie': ''*/} return config } export default function ComponentAlterarCover (props) { const {state, dispatch} = useContext(Store) + // eslint-disable-next-line const [tempImgURL, setTempImg] = useState(props.cover) const [newCover, setNewCover] = useState('') const updateCover = (cover) => {setNewCover(cover)} diff --git a/src/Components/ModalAlterarCover/ModalAlterarCover.js b/src/Components/ModalAlterarCover/ModalAlterarCover.js index 86636826..7e971f58 100644 --- a/src/Components/ModalAlterarCover/ModalAlterarCover.js +++ b/src/Components/ModalAlterarCover/ModalAlterarCover.js @@ -16,17 +16,11 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState} from 'react'; -import { Button } from '@material-ui/core'; +import React from 'react'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import {Store} from '../../Store.js' -import axios from 'axios' -import {apiUrl} from '../../env'; -import CloseIcon from '@material-ui/icons/Close'; -import Profile from '../../img/default_profile0.png' import ComponentAlterarCover from './ComponentAlterarCover.js' const StyledModal = styled(Modal)` @@ -38,24 +32,7 @@ const StyledModal = styled(Modal)` ` export default function ModarAlterarCover (props){ - const {state, dispatch} = useContext(Store) - const [avatarFile, setFile] = useState('') - - {/*const handleUploadCover = (img) => { - axios.post(`${apiUrl}`, - { - - } - ).then( (response) => { - dispatch ({ - - }, (error) => { - - } - ) - }) - }*/} - + return ( <StyledModal diff --git a/src/Components/ModalConfirmarCuradoria.js b/src/Components/ModalConfirmarCuradoria.js index 9e12906b..b654338c 100644 --- a/src/Components/ModalConfirmarCuradoria.js +++ b/src/Components/ModalConfirmarCuradoria.js @@ -16,20 +16,14 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState} from 'react'; +import React from 'react'; import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import {Store} from '../Store.js' import axios from 'axios' -import {apiDomain, apiUrl} from '../env'; -import Grid from '@material-ui/core/Grid'; -import RadioGroup from '@material-ui/core/RadioGroup'; -import Radio from '@material-ui/core/Radio'; -import FormControl from '@material-ui/core/FormControl'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; +import {apiUrl} from '../env'; import CloseModalButton from './CloseModalButton' import {getAxiosConfig} from './HelperFunctions/getAxiosConfig' @@ -163,16 +157,6 @@ const Header = styled.div` } ` -const StyledCloseModalButton = styled(Button)` - display : inline-block; - position : relative; - float : right !important; - margin-right : 4px !important; - background : transparent !important; - min-width: 0 !important; - width : 40px; -` - const StyledModal = styled(Modal)` .djXaxP{ margin : 0 !important; diff --git a/src/Components/ModalConfirmarUnfollow.js b/src/Components/ModalConfirmarUnfollow.js index f8deb98a..7d349e08 100644 --- a/src/Components/ModalConfirmarUnfollow.js +++ b/src/Components/ModalConfirmarUnfollow.js @@ -1,13 +1,9 @@ -import React, {useContext} from 'react'; +import React from 'react'; import Modal from '@material-ui/core/Modal'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' import { Button } from '@material-ui/core'; import Backdrop from '@material-ui/core/Backdrop'; -import { Store } from '../Store.js'; -import axios from 'axios' -import {apiUrl} from '../env'; -import CloseIcon from '@material-ui/icons/Close'; import CloseModalButton from './CloseModalButton' const StyledModal = styled(Modal)` diff --git a/src/Components/ModalEditarColecao.js b/src/Components/ModalEditarColecao.js index 4353e8dd..8617baf3 100644 --- a/src/Components/ModalEditarColecao.js +++ b/src/Components/ModalEditarColecao.js @@ -16,13 +16,11 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState} from 'react' -import { Button } from '@material-ui/core'; +import React from 'react' import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import CloseIcon from '@material-ui/icons/Close'; import CloseModalButton from './CloseModalButton' import EditarColecaoForm from './EditarColecaoForm.js' export default function ModalEditarColecao (props) { @@ -78,16 +76,6 @@ const Header = styled.div` } ` -const StyledCloseModalButton = styled(Button)` - display : inline-block; - position : relative; - float : right !important; - margin-right : -8px !important; - background : transparent !important; - min-width: 0 !important; - width : 40px; -` - const StyledModal = styled(Modal)` .djXaxP{ margin : 0 !important; diff --git a/src/Components/ModalExcluirColecao.js b/src/Components/ModalExcluirColecao.js index 9c1b61b6..914aa74f 100644 --- a/src/Components/ModalExcluirColecao.js +++ b/src/Components/ModalExcluirColecao.js @@ -17,12 +17,10 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useState} from 'react'; -import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import {Store} from '../Store.js' import axios from 'axios' import {apiUrl} from '../env'; import GreyButton from './GreyButton.js' diff --git a/src/Components/ModalExcluirComentario.js b/src/Components/ModalExcluirComentario.js index 4ce108a2..1345ee36 100644 --- a/src/Components/ModalExcluirComentario.js +++ b/src/Components/ModalExcluirComentario.js @@ -1,12 +1,9 @@ -import React, {useContext} from 'react'; +import React from 'react'; import Modal from '@material-ui/core/Modal'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' import { Button } from '@material-ui/core'; import Backdrop from '@material-ui/core/Backdrop'; -import { Store } from '../Store.js'; -import axios from 'axios' -import {apiUrl} from '../env'; const StyledModal = styled(Modal)` margin : 0 !important; diff --git a/src/Components/ModalLearningObjectPublished.js b/src/Components/ModalLearningObjectPublished.js index 0dc48601..2a8fbd78 100644 --- a/src/Components/ModalLearningObjectPublished.js +++ b/src/Components/ModalLearningObjectPublished.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useRef} from 'react'; +import React from 'react'; import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; diff --git a/src/Components/Notifications.js b/src/Components/Notifications.js index 87d20942..d8df9e70 100644 --- a/src/Components/Notifications.js +++ b/src/Components/Notifications.js @@ -21,12 +21,6 @@ import { Button } from '@material-ui/core'; import Badge from '@material-ui/core/Badge'; import styled from 'styled-components' import Menu from '@material-ui/core/Menu'; -import ListItemIcon from '@material-ui/core/ListItemIcon'; -import MenuItem from '@material-ui/core/MenuItem'; -import MoreVertIcon from '@material-ui/icons/MoreVert'; -import OpenIcon from '@material-ui/icons/OpenInNew'; -import ReportIcon from '@material-ui/icons/Error'; -import NotificationsInner from './NotificationsInner.js' import {apiDomain, apiUrl} from '../env.js' import axios from 'axios' import ActivityListItem from './ActivityListItem.js' @@ -81,6 +75,7 @@ const StyledMenu = withStyles({ export default function Notification (props) { const [anchorEl, setAnchorEl] = React.useState(null); const [notifications, setNotifications] = useState([]); + // eslint-disable-next-line const [notificatonsLength, setLength] = useState(0); useEffect(() => { diff --git a/src/Components/PageProfessorComponents/ModalConfirmarProfessor.js b/src/Components/PageProfessorComponents/ModalConfirmarProfessor.js index cc25a3b4..f8bceee1 100644 --- a/src/Components/PageProfessorComponents/ModalConfirmarProfessor.js +++ b/src/Components/PageProfessorComponents/ModalConfirmarProfessor.js @@ -16,14 +16,12 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState} from 'react'; +import React from 'react'; import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import axios from 'axios' -import {apiUrl} from '../../env'; import CloseIcon from '@material-ui/icons/Close'; const StyledModal = styled(Modal)` diff --git a/src/Components/PublicationPermissionsContent.js b/src/Components/PublicationPermissionsContent.js index bf115152..533993c1 100644 --- a/src/Components/PublicationPermissionsContent.js +++ b/src/Components/PublicationPermissionsContent.js @@ -16,11 +16,6 @@ const StyledFormControl = styled(FormControl)` margin-top : 0 !important ; ` -const StyledDivEvaluateQuestion = styled.div` - display :flex; - justify-content : space-between; -` - const BlueRadio = withStyles({ root: { color: '#666', @@ -96,37 +91,37 @@ export default function PublicationPermissionsContent (props) { ) } -{/* - <Grid item xs={10}> - <p> - O recurso apresenta conteúdo de cunho polÃtico-partidário? (Ex: o conteúdo expressa qualquer forma de manifestação que se caracterize como propaganda polÃtica)? - </p> - </Grid> - <Grid item xs={2}> - <RadioGroup row name="radio1" onChange={props.handleRadios}> - <FormControlLabel value="Sim" control={<BlueRadio/>} label="Sim"/> <FormControlLabel value="Não" control={<BlueRadio/>} label="Não"/> - </RadioGroup> - </Grid> +// {/* +// <Grid item xs={10}> +// <p> +// O recurso apresenta conteúdo de cunho polÃtico-partidário? (Ex: o conteúdo expressa qualquer forma de manifestação que se caracterize como propaganda polÃtica)? +// </p> +// </Grid> +// <Grid item xs={2}> +// <RadioGroup row name="radio1" onChange={props.handleRadios}> +// <FormControlLabel value="Sim" control={<BlueRadio/>} label="Sim"/> <FormControlLabel value="Não" control={<BlueRadio/>} label="Não"/> +// </RadioGroup> +// </Grid> - <Grid item xs={10}> - <p> - O recurso apresenta conteúdo ofensivo? (Ex: material pornográfico e/ou que invada a privacidade de terceiros, viole os Direitos Humanos ou seja ilegal, ofensivo, e que incite a violência)? - </p> - </Grid> - <Grid item xs={2}> - <RadioGroup row name="radio2" onChange={props.handleRadios}> - <FormControlLabel value="Sim" control={<BlueRadio/>} label="Sim"/> <FormControlLabel value="Não" control={<BlueRadio/>} label="Não"/> - </RadioGroup> - </Grid> - <Grid item xs={10}> - <p> - O recurso apresenta algum tipo de propaganda ou marca? (Ex: o conteúdo tem cunho comercial)? - </p> - </Grid> - <Grid item xs={2}> - <RadioGroup row name="radio3" onChange={props.handleRadios}> - <FormControlLabel value="Sim" control={<BlueRadio/>} label="Sim"/> <FormControlLabel value="Não" control={<BlueRadio/>} label="Não"/> - </RadioGroup> - </Grid> - </Grid> - */} +// <Grid item xs={10}> +// <p> +// O recurso apresenta conteúdo ofensivo? (Ex: material pornográfico e/ou que invada a privacidade de terceiros, viole os Direitos Humanos ou seja ilegal, ofensivo, e que incite a violência)? +// </p> +// </Grid> +// <Grid item xs={2}> +// <RadioGroup row name="radio2" onChange={props.handleRadios}> +// <FormControlLabel value="Sim" control={<BlueRadio/>} label="Sim"/> <FormControlLabel value="Não" control={<BlueRadio/>} label="Não"/> +// </RadioGroup> +// </Grid> +// <Grid item xs={10}> +// <p> +// O recurso apresenta algum tipo de propaganda ou marca? (Ex: o conteúdo tem cunho comercial)? +// </p> +// </Grid> +// <Grid item xs={2}> +// <RadioGroup row name="radio3" onChange={props.handleRadios}> +// <FormControlLabel value="Sim" control={<BlueRadio/>} label="Sim"/> <FormControlLabel value="Não" control={<BlueRadio/>} label="Não"/> +// </RadioGroup> +// </Grid> +// </Grid> +// */} diff --git a/src/Components/RedirectModal.js b/src/Components/RedirectModal.js index bc786eca..f826b54e 100644 --- a/src/Components/RedirectModal.js +++ b/src/Components/RedirectModal.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useEffect, useState} from 'react' +import React from 'react' import styled from 'styled-components' import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; diff --git a/src/Components/ReportColecaoForm.js b/src/Components/ReportColecaoForm.js index a64164eb..37c4a773 100644 --- a/src/Components/ReportColecaoForm.js +++ b/src/Components/ReportColecaoForm.js @@ -21,7 +21,6 @@ import styled from 'styled-components' import Radio from '@material-ui/core/Radio'; import RadioGroup from '@material-ui/core/RadioGroup'; import FormControlLabel from '@material-ui/core/FormControlLabel'; -import FormControl from '@material-ui/core/FormControl'; import TextField from '@material-ui/core/TextField'; import {StyledFormControl, ButtonsDiv, ButtonCancelar} from './ReportUserForm.js' import { withStyles } from '@material-ui/core/styles'; @@ -71,7 +70,7 @@ export default function ReportColecaoForm (props) { const finalRadioValue = value const finalMoreInfo = moreInfo - if( finalRadioValue != -1 && !(finalMoreInfo.key)) { + if( finalRadioValue !== -1 && !(finalMoreInfo.key)) { props.handleSubmit(finalRadioValue, finalMoreInfo.value) } else { @@ -101,7 +100,6 @@ export default function ReportColecaoForm (props) { rowsMax = {"5"} error = {moreInfo.key} required = {false} - helperText ={moreInfo.value.length + '/150'} style={{width : "100%"}} /> diff --git a/src/Components/ReportRecursoForm.js b/src/Components/ReportRecursoForm.js index d6c2a70b..a1c73127 100644 --- a/src/Components/ReportRecursoForm.js +++ b/src/Components/ReportRecursoForm.js @@ -16,13 +16,9 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React from 'react'; -import { Button } from '@material-ui/core'; -import styled from 'styled-components' import Radio from '@material-ui/core/Radio'; import RadioGroup from '@material-ui/core/RadioGroup'; import FormControlLabel from '@material-ui/core/FormControlLabel'; -import FormControl from '@material-ui/core/FormControl'; -import TextField from '@material-ui/core/TextField'; import {StyledFormControl, StyledTextField, ButtonsDiv, ButtonCancelar, ButtonEnviar} from './ReportUserForm.js' import { withStyles } from '@material-ui/core/styles'; @@ -71,7 +67,7 @@ export default function ReportRecursoForm (props) { const finalRadioValue = value const finalMoreInfo = moreInfo - if( finalRadioValue != -1 && !(finalMoreInfo.key)) { + if( finalRadioValue !== -1 && !(finalMoreInfo.key)) { props.handleSubmit(finalRadioValue, finalMoreInfo.value) } else { @@ -101,7 +97,6 @@ export default function ReportRecursoForm (props) { rowsMax = {"5"} error = {moreInfo.key} required = {false} - helperText ={moreInfo.value.length + '/150'} style={{width : "100%"}} /> diff --git a/src/Components/ReportUserForm.js b/src/Components/ReportUserForm.js index 2ed7bd88..37086572 100644 --- a/src/Components/ReportUserForm.js +++ b/src/Components/ReportUserForm.js @@ -15,7 +15,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext} from 'react'; +import React, {useState} from 'react'; import { Button } from '@material-ui/core'; import styled from 'styled-components' import Radio from '@material-ui/core/Radio'; @@ -35,7 +35,7 @@ const StyledRadio = withStyles({ })((props) => <Radio color="default" {...props} />); export default function ReportForm (props) { - const [value, setValue] = React.useState(-1); + const [value, setValue] = useState(-1); const handleChange = (event) => { setValue(event.target.value); @@ -71,7 +71,7 @@ export default function ReportForm (props) { const finalRadioValue = value const finalMoreInfo = moreInfo - if( finalRadioValue != -1 && !(finalMoreInfo.key)) { + if( finalRadioValue !== -1 && !(finalMoreInfo.key)) { props.handleSubmit(finalRadioValue, finalMoreInfo.value) } } diff --git a/src/Components/ResourcePageComponents/VideoPlayer.js b/src/Components/ResourcePageComponents/VideoPlayer.js index 35e3846f..940917df 100644 --- a/src/Components/ResourcePageComponents/VideoPlayer.js +++ b/src/Components/ResourcePageComponents/VideoPlayer.js @@ -20,23 +20,25 @@ import React from 'react' import styled from 'styled-components' function GetEmbeddedLink (link) { - if (link.indexOf("youtube") != -1) { //plain youtebe.com/ link - if(link.indexOf("embed/") != -1) { //if it's already an embedded link, return it + var embed = undefined + var link_id = undefined + if (link.indexOf("youtube") !== -1) { //plain youtebe.com/ link + if(link.indexOf("embed/") !== -1) { //if it's already an embedded link, return it return link } link = link.split("&")[0] //else remove features and other queries - var link = link.split("v=")[1] //get video id - var embed = "https://www.youtube.com/embed/" + link; //create embedded link + link_id = link.split("v=")[1] //get video id + embed = "https://www.youtube.com/embed/" + link_id; //create embedded link } - else if (link.indexOf("youtu.be") != -1) { //if it's a youtu.be link + else if (link.indexOf("youtu.be") !== -1) { //if it's a youtu.be link link = link.split("&")[0].split("?")[0] //remove queries and features if existent - link = link.split(".be/")[1] //get video id - var embed = "https://www.youtube.com/embed/" + link; //create embedded link + link_id = link.split(".be/")[1] //get video id + embed = "https://www.youtube.com/embed/" + link_id; //create embedded link } - else if (link.indexOf("vimeo") != -1) { //if the 13th character = o (vimeo videos) - link = link.split("?")[0].split("/") - console.log(link) //key # = from 19th character on - var embed = "https://player.vimeo.com/video/" + link.pop(); //Add vimeo link before key # + else if (link.indexOf("vimeo") !== -1) { //if the 13th character = o (vimeo videos) + link_id = link.split("?")[0].split("/") + console.log(link_id) //key # = from 19th character on + embed = "https://player.vimeo.com/video/" + link_id.pop(); //Add vimeo link before key # } return embed } @@ -51,6 +53,7 @@ export default function VideoPlayer (props) { ( <VideoContainer> <iframe + title="Video Player" src={GetEmbeddedLink(props.link)} frameBorder="0" allowFullScreen className="video" /> diff --git a/src/Components/SignUpContainerFunction.js b/src/Components/SignUpContainerFunction.js index 7f49992a..19ec2036 100644 --- a/src/Components/SignUpContainerFunction.js +++ b/src/Components/SignUpContainerFunction.js @@ -17,21 +17,18 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useState} from "react"; -import GoogleLogin from 'react-google-login' import { Button } from '@material-ui/core'; //import FacebookLogin from 'react-facebook-login'; import CloseIcon from '@material-ui/icons/Close'; import styled from 'styled-components' import {device} from './device.js' import FormInput from "./FormInput.js" -import {StyledCloseModalButton, DialogContentDiv, DialogHeaderStyled, SocialConnectDiv, StyledGoogleLoginButton, H3Div} from './LoginContainerFunction.js' +import {StyledCloseModalButton, DialogContentDiv, DialogHeaderStyled, SocialConnectDiv, H3Div} from './LoginContainerFunction.js' import {apiUrl} from '../env.js' import {GoogleLoginButton} from './LoginContainerFunction' import ValidateUserInput from '../Components/FormValidationFunction.js' import GoogleLogo from "../img/logo_google.svg" -var Recaptcha = require('react-recaptcha') - async function handleGoogleAttempt () { console.log("handleGoogleAttempt") let request_url = ( @@ -105,10 +102,6 @@ export default function SignUpContainer (props) { }) } - const responseGoogle = (response) => { - console.log(response); - } - const switchModal = (e) => { e.preventDefault() props.handleClose() @@ -171,7 +164,7 @@ export default function SignUpContainer (props) { handleChange={e => handleChange(e, 'email')} required={true} error={formEmail.key} - help = {formEmail.key ? (formEmail.value.length == 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br/>Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""} + help = {formEmail.key ? (formEmail.value.length === 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br/>Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""} /> <br/> <FormInput @@ -182,7 +175,7 @@ export default function SignUpContainer (props) { handleChange={e => handleChange(e, 'password')} required={true} error={formSenha.key} - help = {formSenha.key ? (formSenha.value.length == 0 ? "Faltou digitar sua senha." : "A senha precisa ter no mÃnimo 8 caracteres.") : ""} + help = {formSenha.key ? (formSenha.value.length === 0 ? "Faltou digitar sua senha." : "A senha precisa ter no mÃnimo 8 caracteres.") : ""} /> <br/> <ConfirmContainerStyled> @@ -329,8 +322,3 @@ const StyledSignUpButton = styled(Button)` background-color : #00acc1 !important; } ` - -const StyledRecaptcha = styled(Recaptcha)` - display : flex !important; - justify-content : center !important; -` diff --git a/src/Components/SignUpModal.js b/src/Components/SignUpModal.js index 7f5da85d..d5d26a54 100644 --- a/src/Components/SignUpModal.js +++ b/src/Components/SignUpModal.js @@ -16,8 +16,6 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useContext} from 'react'; -import { makeStyles } from '@material-ui/styles'; -import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; @@ -47,7 +45,7 @@ export default function SignUpModal (props) { const { state, dispatch } = useContext(Store) const handleLoginInfo = (newLogin) => { - {/*console.log(state.currentUser)*/} + // {/*console.log(state.currentUser)*/} axios.post(`${apiUrl}/auth`, { name : newLogin.name, diff --git a/src/Components/Stepper.js b/src/Components/Stepper.js index c550c2d9..b1315b98 100644 --- a/src/Components/Stepper.js +++ b/src/Components/Stepper.js @@ -1,4 +1,4 @@ -import React, {useState} from 'react' +import React from 'react' import styled from 'styled-components' export default function Stepper (props) { diff --git a/src/Components/StoreGuide.js b/src/Components/StoreGuide.js index 3d9ca95a..f3f22b56 100644 --- a/src/Components/StoreGuide.js +++ b/src/Components/StoreGuide.js @@ -20,7 +20,6 @@ import styled from 'styled-components'; import Grid from '@material-ui/core/Grid'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/CardContent'; -import { Typography } from '@material-ui/core'; const StoreTitle = styled.h1` margin-top: 0; diff --git a/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js b/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js index adbb081b..3aab2492 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js +++ b/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js @@ -16,7 +16,7 @@ export default function LastCols (props) { { - props.count == 0 || props.collections.length == 0? + props.count === 0 || props.collections.length === 0? ( [ <Grid container> diff --git a/src/Components/TabPanels/StyledComponents.js b/src/Components/TabPanels/StyledComponents.js index 2570be1d..9816407c 100644 --- a/src/Components/TabPanels/StyledComponents.js +++ b/src/Components/TabPanels/StyledComponents.js @@ -16,13 +16,12 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React from 'react' import styled from 'styled-components' import Grid from '@material-ui/core/Grid'; import Tabs from '@material-ui/core/Tabs'; import { Container } from 'react-grid-system' -{/* COMPONENTS USED IN ALL TABS */} +// {/* COMPONENTS USED IN ALL TABS */} export const ContainerDivStyled = styled.div` /*No portal atual: "container nopad box"*/ diff --git a/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js b/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js index 6d746d03..6d150991 100644 --- a/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js +++ b/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js @@ -16,13 +16,11 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState, useEffect} from 'react' +import React from 'react' import styled from 'styled-components' -import { Container } from 'react-grid-system' import NoRede1 from '../../../img/no-rede-1.png' import NoRede2 from '../../../img/no-rede-2.png' import NoRede3 from '../../../img/no-rede-3.png' -import Paper from '@material-ui/core/Paper'; import TabRedeImgDiv from './TabRedeImgDiv.js' import {WhiteContainer} from '../StyledComponents.js' import Grid from '@material-ui/core/Grid'; @@ -58,14 +56,6 @@ export default function ContainerRedeVazia (props) { ) } -const DivColumns = styled.div` - display : flex; - flex-direction : row; - aling-items : space-between - padding-right : 15px; - padding-left : 15px -` - const StyledHr = styled.hr` margin-top : 20px; margin-bottom : 20px; diff --git a/src/Components/TabPanels/UserPageTabs/PanelAtividades.js b/src/Components/TabPanels/UserPageTabs/PanelAtividades.js index 3f3632dd..0c9d8da9 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelAtividades.js +++ b/src/Components/TabPanels/UserPageTabs/PanelAtividades.js @@ -16,9 +16,8 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState, useEffect} from 'react' +import React, {useState, useEffect} from 'react' import styled from 'styled-components' -import { Container } from 'react-grid-system' import Paper from '@material-ui/core/Paper'; import Button from '@material-ui/core/Button'; import axios from 'axios' @@ -84,7 +83,7 @@ export default function TabPanelAtividades (props) { [ <div> { - notificatonsLength == 0 ? + notificatonsLength === 0 ? ( <NoNotificationsDiv> @@ -225,12 +224,4 @@ const DivTitulo = styled.div` line-height: 1.2em; margin : 0; border-bottom: 1px solid #eee; -` - -const ContainerDivStyled = styled.div` - max-width : 1140px; - margin-left : auto; - margin-right : auto; - margin-left : 20em; - background-color: #fff; -` +` \ No newline at end of file diff --git a/src/Components/TabPanels/UserPageTabs/PanelCuradoria.js b/src/Components/TabPanels/UserPageTabs/PanelCuradoria.js index 4e58cd17..06ea8fd6 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelCuradoria.js +++ b/src/Components/TabPanels/UserPageTabs/PanelCuradoria.js @@ -17,7 +17,6 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useState, useEffect} from 'react' -import styled from 'styled-components' import axios from 'axios' import {apiUrl} from '../../../env'; import LoadingSpinner from '../../LoadingSpinner.js' diff --git a/src/Components/TabPanels/UserPageTabs/PanelFavoritos.js b/src/Components/TabPanels/UserPageTabs/PanelFavoritos.js index 838382a3..75c96c27 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelFavoritos.js +++ b/src/Components/TabPanels/UserPageTabs/PanelFavoritos.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState, useEffect} from 'react' +import React, {useState, useEffect} from 'react' import axios from 'axios' import {apiUrl} from '../../../env'; import LoadingSpinner from '../../LoadingSpinner.js' diff --git a/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js b/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js index 0726f2c3..421cadcd 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js +++ b/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js @@ -18,7 +18,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState} from 'react' import Paper from '@material-ui/core/Paper'; -import Button from '@material-ui/core/Button'; import FormInput from "../../FormInput.js" import {CompletarCadastroButton} from './PanelSolicitarContaProfessor.js' import {ButtonCancelar} from './PanelEditarPerfil.js' @@ -151,7 +150,7 @@ export default function TabPanelGerenciarConta (props) { handleChange={e => handleChangeSenha(e, 'novaSenha')} required={true} error={novaSenha.key} - help={ novaSenha.key ? (novaSenha.value.length == 0 ? "Faltou definir uma nova senha" : "A senha precisa ter no mÃnimo 8 caracteres.") : ""} + help={ novaSenha.key ? (novaSenha.value.length === 0 ? "Faltou definir uma nova senha" : "A senha precisa ter no mÃnimo 8 caracteres.") : ""} /> <FormInput inputType={"password"} diff --git a/src/Components/TabPanels/UserPageTabs/PanelRede.js b/src/Components/TabPanels/UserPageTabs/PanelRede.js index f6d349b9..464b40c3 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelRede.js +++ b/src/Components/TabPanels/UserPageTabs/PanelRede.js @@ -16,9 +16,9 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useContext, useState, useEffect} from 'react' +import React, {useState, useEffect} from 'react' import axios from 'axios' -import {apiUrl, apiDomain} from '../../../env'; +import {apiUrl} from '../../../env'; import LoadingSpinner from '../../LoadingSpinner.js' import ContainerRedeVazia from './ContainerRedeVazia.js' import PanelTemplateRede from '../PanelComponents/TemplateRede.js' @@ -86,7 +86,7 @@ export default function TabPanelRede (props) { [ <> { - followingList.length == 0 && followersList.length == 0 ? + followingList.length === 0 && followersList.length === 0 ? ( [ <> @@ -99,7 +99,7 @@ export default function TabPanelRede (props) { [ <React.Fragment> <PanelTemplateRede - title={followersList.length == 1 ? "Seguidor" : "Seguidores"} + title={followersList.length === 1 ? "Seguidor" : "Seguidores"} length={followersList.length} sliceArr={followersSlice} showMore={showMoreFollowers} diff --git a/src/Components/TopicCard.js b/src/Components/TopicCard.js index a0ac85d6..c0f25eac 100644 --- a/src/Components/TopicCard.js +++ b/src/Components/TopicCard.js @@ -1,11 +1,8 @@ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import { Link } from 'react-router-dom'; import styled from 'styled-components' -import axios from 'axios'; -import { apiUrl } from '../env'; import Card from '@material-ui/core/Card'; import CardActions from '@material-ui/core/CardActions'; -import CardContent from '@material-ui/core/CardContent'; export default function TopicCard(props) { return ( diff --git a/src/Components/TopicFooter.js b/src/Components/TopicFooter.js index ffbcb9e1..2e04b8b1 100644 --- a/src/Components/TopicFooter.js +++ b/src/Components/TopicFooter.js @@ -1,7 +1,5 @@ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components' -import axios from 'axios'; -import { apiUrl } from '../env'; import Grid from '@material-ui/core/Grid'; export default function TopicFooter(props) { diff --git a/src/Components/TopicList.js b/src/Components/TopicList.js index 422ae787..77b8e468 100644 --- a/src/Components/TopicList.js +++ b/src/Components/TopicList.js @@ -1,7 +1,5 @@ -import React, { Component, useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components' -import axios from 'axios'; -import { apiUrl } from '../env'; import Grid from '@material-ui/core/Grid'; import Fab from '@material-ui/core/Fab'; import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; diff --git a/src/Components/UploadPageComponents/ButtonsDiv.js b/src/Components/UploadPageComponents/ButtonsDiv.js index 8add164e..975017b0 100644 --- a/src/Components/UploadPageComponents/ButtonsDiv.js +++ b/src/Components/UploadPageComponents/ButtonsDiv.js @@ -18,7 +18,7 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState} from 'react' import ModalCancelar from './ModalCancelar.js' -import { GreyButton, OrangeButton, StyledDiv } from './StyledComponents'; +import { GreyButton, OrangeButton } from './StyledComponents'; import Grid from '@material-ui/core/Grid'; import {Redirect} from 'react-router-dom' export default function ButtonsDiv (props) { diff --git a/src/Components/UploadPageComponents/ChooseLinkSection.js b/src/Components/UploadPageComponents/ChooseLinkSection.js index ef282d1d..52a14ae2 100644 --- a/src/Components/UploadPageComponents/ChooseLinkSection.js +++ b/src/Components/UploadPageComponents/ChooseLinkSection.js @@ -17,10 +17,6 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useState} from 'react' -import styled from 'styled-components' -import LinkIcon from '../../img/link_icon.svg' -import { Button } from '@material-ui/core'; -import TextField from '@material-ui/core/TextField'; import UndoIcon from '@material-ui/icons/Undo'; import {WrapperBox, StyledTextField, BlueButton, GrayButton} from './StyledComponents.js' @@ -30,6 +26,7 @@ export default function ChooseLink (props) { const handleLink = (e) => { let userInput = e.target.value const urlRegex = new RegExp( + // eslint-disable-next-line "(?:(?:(?:https?|ftp):\/\/))(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,}))\.?)(?::\d{2,5})*(?:[/?#]\S*)?", "i" ) let flag = !(urlRegex.test(userInput)) diff --git a/src/Components/UploadPageComponents/Forms/Idioma.js b/src/Components/UploadPageComponents/Forms/Idioma.js index ced59ebd..7d033a44 100644 --- a/src/Components/UploadPageComponents/Forms/Idioma.js +++ b/src/Components/UploadPageComponents/Forms/Idioma.js @@ -16,12 +16,11 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect} from 'react' +import React, {useState} from 'react' import FormControl from '@material-ui/core/FormControl'; import {StyledFormLabel} from '../StyledComponents.js' import ListItemText from '@material-ui/core/ListItemText'; import Checkbox from '@material-ui/core/Checkbox'; -import Input from '@material-ui/core/Input'; import MenuItem from '@material-ui/core/MenuItem'; import Select from '@material-ui/core/Select'; diff --git a/src/Components/UploadPageComponents/Forms/Keywords.js b/src/Components/UploadPageComponents/Forms/Keywords.js index 238d0b7a..34c7b8ec 100644 --- a/src/Components/UploadPageComponents/Forms/Keywords.js +++ b/src/Components/UploadPageComponents/Forms/Keywords.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, memo, useEffect} from 'react' +import React, {useState, memo} from 'react' import FormControl from '@material-ui/core/FormControl'; import {StyledTextField, StyledFormLabel} from '../StyledComponents.js' import FormHelperText from '@material-ui/core/FormHelperText'; @@ -35,7 +35,7 @@ function Keywords (props) { const handleKeywords = (event) => { let userInput = event.target.value; - if(userInput.indexOf(',') != -1 ) { + if(userInput.indexOf(',') !== -1 ) { if(userInput.length > 1) { handleSetKeywords([...keywords, userInput.split(',')[0]]) } diff --git a/src/Components/UploadPageComponents/Forms/SobreORecurso.js b/src/Components/UploadPageComponents/Forms/SobreORecurso.js index 93ea7daa..ff82f818 100644 --- a/src/Components/UploadPageComponents/Forms/SobreORecurso.js +++ b/src/Components/UploadPageComponents/Forms/SobreORecurso.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, memo, useEffect} from 'react' +import React, {useState, memo} from 'react' import FormControl from '@material-ui/core/FormControl'; import {StyledTextField, StyledFormLabel} from '../StyledComponents.js' diff --git a/src/Components/UploadPageComponents/Forms/TipoDeRecurso.js b/src/Components/UploadPageComponents/Forms/TipoDeRecurso.js index 55474c92..5082742a 100644 --- a/src/Components/UploadPageComponents/Forms/TipoDeRecurso.js +++ b/src/Components/UploadPageComponents/Forms/TipoDeRecurso.js @@ -18,9 +18,8 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState, memo} from 'react' import FormControl from '@material-ui/core/FormControl'; -import {StyledRadio, ObjTypeBox, StyledFormLabel} from '../StyledComponents.js' +import {StyledRadio, StyledFormLabel} from '../StyledComponents.js' import RadioGroup from '@material-ui/core/RadioGroup'; -import Radio from '@material-ui/core/Radio'; import FormControlLabel from '@material-ui/core/FormControlLabel'; diff --git a/src/Components/UploadPageComponents/ModalCancelar.js b/src/Components/UploadPageComponents/ModalCancelar.js index 44f17b03..5906286e 100644 --- a/src/Components/UploadPageComponents/ModalCancelar.js +++ b/src/Components/UploadPageComponents/ModalCancelar.js @@ -16,13 +16,12 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect} from 'react' +import React from 'react' import { Button } from '@material-ui/core'; import Modal from '@material-ui/core/Modal'; import Backdrop from '@material-ui/core/Backdrop'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import CloseIcon from '@material-ui/icons/Close'; import axios from 'axios' import {apiUrl} from '../../env'; import {Link} from 'react-router-dom' @@ -30,7 +29,7 @@ import {Link} from 'react-router-dom' export default function ModalCancelar (props) { const handleDelete = () => { console.log(props.draftID) - {/*delete the draft*/} + // {/*delete the draft*/} if (props.draftID) { let config = { headers : { @@ -49,9 +48,9 @@ export default function ModalCancelar (props) { } }, (error) => {console.log(error)}) } - {/*close modal*/} + // {/*close modal*/} props.handleClose() - {/*change current page to home page*/} + // {/*change current page to home page*/} console.log('ir pra home') } diff --git a/src/Components/UploadPageComponents/PartOne.js b/src/Components/UploadPageComponents/PartOne.js index bd02f792..46540f49 100644 --- a/src/Components/UploadPageComponents/PartOne.js +++ b/src/Components/UploadPageComponents/PartOne.js @@ -18,12 +18,9 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState, useEffect} from 'react' import Grid from '@material-ui/core/Grid'; -import styled from 'styled-components' import axios from 'axios' -import {apiUrl, apiDomain} from '../../env'; +import {apiUrl} from '../../env'; import ButtonsDiv from './ButtonsDiv.js' -import { makeStyles } from '@material-ui/core/styles'; -import {ObjTypeBox, StyledFormHelperText, OutroAutorTextField, StyledFormLabel, StyledTextField, StyledNativeSelect} from './StyledComponents.js' import SobreORecurso from './Forms/SobreORecurso.js' import NewTitle from './Forms/NewTitle.js' @@ -34,22 +31,22 @@ import Idioma from './Forms/Idioma.js' import {SendInfo} from './SendInfo.js' export default function PartOne (props) { - {/*const [subjects, setSubjects] = useState([])*/} + // {/*const [subjects, setSubjects] = useState([])*/} const [languages, setLanguages] = useState([]) const [objTypes, setObjTypes] = useState([]) useEffect( () => { - {/*get the list of subjects*/} - {/* axios.get(`${apiUrl}/subjects/`).then( - (response) => { - console.log(response.data) - setSubjects(response.data) - }, (error) => { - console.log(error) - } - )*/} - - {/*get the list of object_types*/} + // {/*get the list of subjects*/} + // {/* axios.get(`${apiUrl}/subjects/`).then( + // (response) => { + // console.log(response.data) + // setSubjects(response.data) + // }, (error) => { + // console.log(error) + // } + // )*/} + + // {/*get the list of object_types*/} axios.get(`${apiUrl}/object_types/`).then( (response) => { setObjTypes(response.data.sort((a, b) => (a.name) > (b.name) ? 1 : -1)) @@ -58,7 +55,7 @@ export default function PartOne (props) { } ) - {/*get the list of languages*/} + // {/*get the list of languages*/} axios.get(`${apiUrl}/languages/`).then( (response) => { setLanguages(response.data) diff --git a/src/Components/UploadPageComponents/PartTwo.js b/src/Components/UploadPageComponents/PartTwo.js index 29374bd7..02a83da8 100644 --- a/src/Components/UploadPageComponents/PartTwo.js +++ b/src/Components/UploadPageComponents/PartTwo.js @@ -20,7 +20,7 @@ import React, {useState, useEffect} from 'react' import Grid from '@material-ui/core/Grid'; import styled from 'styled-components' import axios from 'axios' -import {apiUrl, apiDomain} from '../../env'; +import {apiUrl} from '../../env'; import DragAndDropThumbnail from './PartTwoComponents/DragAndDropThumbnail' import EducationalStage from './PartTwoComponents/EducationalStage' import Licenca from './PartTwoComponents/Licenca' @@ -111,16 +111,12 @@ export default function PartTwo (props) { switch(thumbnailStage) { case 'uploading': return (<LoadingDiv/>) - break; case 'done': return (<DisplayThumbnail acceptFile={acceptFile} thumbnail={thumbnail}/>) - break; case 'editing': return (<EditThumbnail finalizeThumb={finalizeThumb} tempImgURL={tempUrl} updateThumb={updateThumb}/>) - break; default : return (<DragAndDropThumbnail acceptFile={acceptFile}/>) - break; } } diff --git a/src/Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail.js b/src/Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail.js index f72f957d..59423e60 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail.js @@ -20,12 +20,12 @@ import React, {useState} from 'react' import {DottedBox, BlueButton} from '../StyledComponents.js'; import AddAPhotoIcon from '@material-ui/icons/AddAPhoto'; import FormControl from '@material-ui/core/FormControl'; -import {StyledTextField, StyledFormLabel, OutroAutorTextField} from '../StyledComponents.js' +import {StyledFormLabel} from '../StyledComponents.js' export default function DragAndDropThumbnail (props) { const [dropDepth, setDropDepth] = useState(0) + // eslint-disable-next-line const [inDropZone, toggleInDropZone] = useState(false) - const [fileList, setFileList] = useState([]) const handleDragEnter = e => { e.preventDefault(); @@ -53,7 +53,6 @@ export default function DragAndDropThumbnail (props) { const handleDrop = e => { e.preventDefault(); e.stopPropagation(); - console.log(files) let files = [...e.dataTransfer.files] if (files && files.length > 0) { props.acceptFile(files) diff --git a/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js b/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js index 0935c3aa..96da308a 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect} from 'react' +import React, {useState} from 'react' import FormControl from '@material-ui/core/FormControl'; import {StyledFormLabel} from '../StyledComponents.js' import Checkbox from '@material-ui/core/Checkbox'; diff --git a/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js b/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js index 56454430..9e8e059a 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js @@ -16,16 +16,13 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect, memo} from 'react' +import React, {useState, memo} from 'react' import styled from 'styled-components' import FormControl from '@material-ui/core/FormControl'; -import {ObjTypeBox, StyledFormLabel} from '../StyledComponents.js' +import {StyledFormLabel} from '../StyledComponents.js' import RadioGroup from '@material-ui/core/RadioGroup'; import Radio from '@material-ui/core/Radio'; -import {GetSubjectIconByName} from '../GetIconByName.js' import FormControlLabel from '@material-ui/core/FormControlLabel'; -import axios from 'axios' -import {apiUrl, apiDomain} from '../../../env'; function Licenca (props) { diff --git a/src/Components/UploadPageComponents/PartTwoComponents/SubjectsAndThemes.js b/src/Components/UploadPageComponents/PartTwoComponents/SubjectsAndThemes.js index aa50529d..326dec23 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/SubjectsAndThemes.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/SubjectsAndThemes.js @@ -16,15 +16,13 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useEffect, memo} from 'react' +import React, {useState, memo} from 'react' import { makeStyles } from '@material-ui/core/styles'; import FormControl from '@material-ui/core/FormControl'; import {ObjTypeBox, StyledFormLabel} from '../StyledComponents.js' import FormGroup from '@material-ui/core/FormGroup'; import {GetSubjectIconByName} from '../GetIconByName.js' import FormControlLabel from '@material-ui/core/FormControlLabel'; -import axios from 'axios' -import {apiUrl, apiDomain} from '../../../env'; import Checkbox from '@material-ui/core/Checkbox'; import Grid from '@material-ui/core/Grid'; diff --git a/src/Components/UploadPageComponents/SendInfo.js b/src/Components/UploadPageComponents/SendInfo.js index 99d6a2ad..c931c5ba 100644 --- a/src/Components/UploadPageComponents/SendInfo.js +++ b/src/Components/UploadPageComponents/SendInfo.js @@ -1,5 +1,3 @@ -import React, {useContext} from 'react' -import {Store} from '../../Store.js' import axios from 'axios' import {apiUrl} from '../../env'; @@ -31,12 +29,12 @@ export function SendInfo (fieldName, payload, draftID) { config.headers["Access-Token"] = sessionStorage.getItem('@portalmec/accessToken'); config.headers.Client = sessionStorage.getItem('@portalmec/clientToken') config.headers.Uid = sessionStorage.getItem('@portalmec/uid') - axios.put((`${apiUrl}/learning_objects/` + draftID), putObject, config). - then( (response) => { + axios.put((`${apiUrl}/learning_objects/` + draftID), putObject, config) + .then( (response) => { if ( response.headers['access-token'] ) { sessionStorage.setItem('@portalmec/accessToken', response.headers['access-token']) } console.log(response) - }, (error) => {console.log(error)}) + } , (error) => {console.log(error)}) } diff --git a/src/Components/UploadPageComponents/UploadFileWrapper.js b/src/Components/UploadPageComponents/UploadFileWrapper.js index 4219c73f..d93e8d47 100644 --- a/src/Components/UploadPageComponents/UploadFileWrapper.js +++ b/src/Components/UploadPageComponents/UploadFileWrapper.js @@ -19,10 +19,7 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState} from 'react' import LinkIcon from '../../img/link_icon.svg' import ChooseLink from './ChooseLinkSection.js' -import {WrapperBox, StyledTextField, BlueButton, GrayButton} from './StyledComponents.js'; -import UploadMediaComponent from './ReactFileToUpload.js' -import FileUploadStage from './FileUploadStage.js' -import CloudUploadIcon from '@material-ui/icons/CloudUpload'; +import {WrapperBox, BlueButton, GrayButton} from './StyledComponents.js'; import {DottedBox} from './StyledComponents.js'; import {getAxiosConfig} from '../HelperFunctions/getAxiosConfig.js' import AddAPhotoIcon from '@material-ui/icons/AddAPhoto'; @@ -30,7 +27,6 @@ import axios from 'axios' import {apiUrl} from '../../env'; import DoneIcon from '@material-ui/icons/Done'; import DeleteIcon from '@material-ui/icons/Delete'; -import LinearProgress from '@material-ui/core/LinearProgress'; import Alert from '../Alert.js'; import Snackbar from '@material-ui/core/Snackbar'; @@ -50,6 +46,7 @@ export default function UploadFileWrapper (props) { const [stage, setStage] = useState(props.prevFile ? "fileSelected" : "default") const handleNextStage = (newStage) => {setStage(newStage)} + // eslint-disable-next-line const [fileToUpload, setFileToUpload] = useState(null); const chunkSize = 262144 const uploadUrl = `${apiUrl}/learning_objects/` + props.draftID + '/chunk' @@ -192,7 +189,6 @@ export default function UploadFileWrapper (props) { </div> </WrapperBox> ) - break; case "fileSelected": return( <WrapperBox> @@ -239,7 +235,6 @@ export default function UploadFileWrapper (props) { </div> </WrapperBox> ) - break; case "choosingLink": return ( <React.Fragment> @@ -253,7 +248,6 @@ export default function UploadFileWrapper (props) { <ChooseLink handleNextStage={handleNextStage} submit={handleChooseLink}/> </React.Fragment> ) - break; default: return( <WrapperBox> @@ -291,7 +285,7 @@ export default function UploadFileWrapper (props) { </div> <div className="enviar-link-texto"> - <img src={LinkIcon}/> + <img alt="" src={LinkIcon}/> <br/> <span>Enviar link de um recurso de outro site</span> </div> diff --git a/src/Components/UserCardGamified.js b/src/Components/UserCardGamified.js index 70109210..a1cb24ca 100644 --- a/src/Components/UserCardGamified.js +++ b/src/Components/UserCardGamified.js @@ -16,7 +16,6 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React from 'react'; -import styled from 'styled-components'; import Grid from '@material-ui/core/Grid'; import Card from '@material-ui/core/Card'; import CardActions from '@material-ui/core/CardActions'; diff --git a/src/Components/UserPageComponents/Avatar.js b/src/Components/UserPageComponents/Avatar.js index d52aa5b8..afecba14 100644 --- a/src/Components/UserPageComponents/Avatar.js +++ b/src/Components/UserPageComponents/Avatar.js @@ -18,12 +18,12 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState, useContext, useEffect} from 'react'; import styled from 'styled-components' import { Store } from '../../Store.js'; -import axios from 'axios' -import {apiUrl, apiDomain} from '../../env'; +import { apiDomain} from '../../env'; import noAvatar from "../../img/default_profile.png"; import ModalAlterarAvatar from '../ModalAlterarAvatar/ModalAlterarAvatar.js' export default function ProfileAvatar (props) { + // eslint-disable-next-line const {state, dispatch} = useContext(Store) const [currentAvatar, setAvatar] = useState(state.currentUser.avatar_file_name) diff --git a/src/Components/UserPageComponents/Cover.js b/src/Components/UserPageComponents/Cover.js index 1d339373..6fd3c539 100644 --- a/src/Components/UserPageComponents/Cover.js +++ b/src/Components/UserPageComponents/Cover.js @@ -17,8 +17,7 @@ You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ import React, {useState, useContext, useEffect} from 'react'; import { Store } from '../../Store.js'; -import axios from 'axios' -import {apiUrl, apiDomain} from '../../env'; +import {apiDomain} from '../../env'; import {CoverContainer} from '../TabPanels/StyledComponents.js' import IconButton from '@material-ui/core/IconButton'; import PhotoCamera from '@material-ui/icons/PhotoCamera'; diff --git a/src/Components/UserPageComponents/SubmitterStatus.js b/src/Components/UserPageComponents/SubmitterStatus.js index 435b3695..7795a90d 100644 --- a/src/Components/UserPageComponents/SubmitterStatus.js +++ b/src/Components/UserPageComponents/SubmitterStatus.js @@ -20,7 +20,7 @@ import { Store } from '../../Store.js'; import CheckDecagram from '../../img/check-decagram-gray.svg' export default function SubmitterStatus (props) { - const {state} = React.useContext(Store) + const {state} = useContext(Store) let text; switch (state.currentUser.submitter_request) { diff --git a/src/Pages/AboutPage.js b/src/Pages/AboutPage.js index 4d588ad9..e8c57d2e 100644 --- a/src/Pages/AboutPage.js +++ b/src/Pages/AboutPage.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component } from 'react'; +import React from 'react'; import Grid from '@material-ui/core/Grid'; import styled from 'styled-components'; import Modal from '../Components/ModalAbout'; @@ -573,15 +573,13 @@ const Secao8 = styled.div` export default function AboutPage(props) { - const ref = React.createRef(); - return ( <> <link href="https://fonts.googleapis.com/css?family=Pompiere|Roboto:300,400&display=swap" rel="stylesheet"/> <Secao1> - <iframe src="https://player.vimeo.com/video/231609051" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> + <iframe title="VÃdeo página sobre" src="https://player.vimeo.com/video/231609051" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> </Secao1> @@ -611,8 +609,8 @@ export default function AboutPage(props) { <img src={Agpl} alt="agpl" /> <p> Este programa é software livre, sob os termos da - <a href="https://www.gnu.org/licenses/agpl-3.0.en.html" target="_blank"> licença GNU/AGPL</a><br/> - Seu código fonte está disponÃvel no <a href="https://gitlab.c3sl.ufpr.br/portalmec/portalmec" target="_blank">GitLab</a> + <a href="https://www.gnu.org/licenses/agpl-3.0.en.html" rel="noreferrer" target="_blank"> licença GNU/AGPL</a><br/> + Seu código fonte está disponÃvel no <a href="https://gitlab.c3sl.ufpr.br/portalmec/portalmec" rel="noreferrer" target="_blank">GitLab</a> </p> @@ -669,81 +667,81 @@ export default function AboutPage(props) { <div className="portais"> <ul className="itens"> <li> - <a href="http://portaldoprofessor.mec.gov.br/index.html" target="_blank"> + <a href="http://portaldoprofessor.mec.gov.br/index.html" rel="noreferrer" target="_blank"> <img src={LogoPortalDoProfessor} alt="LogoPortalDoProfessor" /> </a> </li> <li> - <a href="http://objetoseducacionais2.mec.gov.br/" target="_blank"> + <a href="http://objetoseducacionais2.mec.gov.br/" rel="noreferrer" target="_blank"> <img src={LogoBioe} alt="LogoBioe" /> </a> </li> <li> - <a href="http://www.dominiopublico.gov.br/pesquisa/PesquisaObraForm.jsp" target="_blank"> + <a href="http://www.dominiopublico.gov.br/pesquisa/PesquisaObraForm.jsp" rel="noreferrer" target="_blank"> <img src={LogoDominioPublico} alt="LogoDominioPublico" /> </a> </li> <li> - <a href="https://tvescola.org.br/" target="_blank"> + <a href="https://tvescola.org.br/" rel="noreferrer" target="_blank"> <img src={LogoTvEscola} alt="LogoTvEscola" /> </a> </li> </ul> <ul className="itens"> <li> - <a href="http://www.fundacaolemann.org.br/" target="_blank"> + <a href="http://www.fundacaolemann.org.br/" rel="noreferrer" target="_blank"> <img style={{align: "middle"}} src={FundacaoLemann} alt="FundacaoLemann" /> </a> </li> <li> - <a href="http://new.safernet.org.br/" target="_blank"> + <a href="http://new.safernet.org.br/" rel="noreferrer" target="_blank"> <img src={Safer} alt="Safer" /> </a> </li> <li> - <a href="http://institutocrescer.org.br/" target="_blank"> + <a href="http://institutocrescer.org.br/" rel="noreferrer" target="_blank"> <img src={InstitutoCrescer} alt="InstitutoCrescer" /> </a> </li> <li> - <a href="http://escoladigital.org.br/" target="_blank"> + <a href="http://escoladigital.org.br/" rel="noreferrer" target="_blank"> <img src={RedeEscola} alt="RedeEscola" /> </a> </li> <li> - <a href="http://educadigital.org.br" target="_blank"> + <a href="http://educadigital.org.br" rel="noreferrer" target="_blank"> <img src={Educagital} alt="Educagital" /> </a> </li> <li> - <a href="http://www.aefbrasil.org.br" target="_blank"> + <a href="http://www.aefbrasil.org.br" rel="noreferrer" target="_blank"> <img style={{height:"130px",filter: "grayscale(1)"}} src={EnefAef} alt="EnefAef" /> </a> </li> </ul> <ul className="itens"> <li> - <a href="https://impa.br/" target="_blank"> + <a href="https://impa.br/" rel="noreferrer" target="_blank"> <img src={Impa} alt="Impa" /> </a> </li> <li> - <a href="http://futura.org.br/" target="_blank"> + <a href="http://futura.org.br/" rel="noreferrer" target="_blank"> <img src={Futura} alt="Futura" /> </a> </li> <li> - <a href="http://impulsiona.org.br/" target="_blank"> + <a href="http://impulsiona.org.br/" rel="noreferrer" target="_blank"> <img src={Impulsiona} alt="Impulsiona" /> </a> </li> <li> - <a href="http://www.institutopeninsula.org.br/" target="_blank"> + <a href="http://www.institutopeninsula.org.br/" rel="noreferrer" target="_blank"> <img src={InstPeninsula} alt="InstPeninsula" /> </a> </li> <li> - <a href="http://fundacaotelefonica.org.br/" target="_blank"> + <a href="http://fundacaotelefonica.org.br/" rel="noreferrer" target="_blank"> <img src={Telefonica} alt="Telefonica" /> </a> </li> diff --git a/src/Pages/Accessibility.js b/src/Pages/Accessibility.js index 4f10f784..a2dbb7ef 100644 --- a/src/Pages/Accessibility.js +++ b/src/Pages/Accessibility.js @@ -126,6 +126,7 @@ export default function Acessibility (props) { <a style={{textDecoration:"none", color:"#222"}} target="_blank" + rel="noreferrer" href="https://www.governoeletronico.gov.br/documentos-e-arquivos/e-MAG%20V3.pdf"> aqui</a>. </p> </div> diff --git a/src/Pages/EditLearningObjectPage.js b/src/Pages/EditLearningObjectPage.js index 76a20246..7f4e39ba 100644 --- a/src/Pages/EditLearningObjectPage.js +++ b/src/Pages/EditLearningObjectPage.js @@ -18,7 +18,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState, useEffect, useContext} from 'react' import {Store} from '../Store.js' -import styled from 'styled-components' import axios from 'axios' import {apiUrl, apiDomain} from '../env'; import Grid from '@material-ui/core/Grid'; @@ -38,11 +37,9 @@ import Idioma from '../Components/UploadPageComponents/Forms/Idioma.js' import EducationalStage from '../Components/UploadPageComponents/PartTwoComponents/EducationalStage.js' import SubjectsAndThemes from '../Components/UploadPageComponents/PartTwoComponents/SubjectsAndThemes.js' import Licenca from '../Components/UploadPageComponents/PartTwoComponents/Licenca.js' -import { Button } from '@material-ui/core'; import {LoadingDiv} from '../Components/UploadPageComponents/PartTwo.js' import EditThumbnail from '../Components/UploadPageComponents/PartTwoComponents/EditThumbnail.js' import DisplayThumbnail from '../Components/UploadPageComponents/PartTwoComponents/DisplayThumbnail.js' -import CustomCircularProgress from '../Components/UploadPageComponents/PartTwoComponents/CustomCircularProgress'; import DragAndDropThumbnail from '../Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail' @@ -68,7 +65,7 @@ export default function EditLearningObjectPage (props) { setThumbnail(response.data.thumbnail) setThumbnailStage('done') } - setUpdatedInfo({...updatedInfo, ['id'] : response.data.id}) + setUpdatedInfo({...updatedInfo, 'id' : response.data.id}) toggleLoading(false) }, (error) => {console.log(error)} ) @@ -102,7 +99,7 @@ export default function EditLearningObjectPage (props) { }, (error) => {console.log(error)} ) - }, [, state.currentUser.id]) + }, [state.currentUser.id]) const [loading, toggleLoading] = useState(true) @@ -211,7 +208,7 @@ export default function EditLearningObjectPage (props) { setThumbnailStage('done') } }, - (error) => { + () => { setThumbnailStage('default') } ) @@ -248,16 +245,12 @@ export default function EditLearningObjectPage (props) { switch(thumbnailStage) { case 'uploading': return (<LoadingDiv/>) - break; case 'done': return (<DisplayThumbnail acceptFile={acceptFile} thumbnail={`${apiDomain}` + thumbnail} onEditPage={true} handleDelete={handleDeleteThumbnail}/>) - break; case 'editing': return (<EditThumbnail finalizeThumb={finalizeThumb} tempImgURL={tempUrl} updateThumb={updateThumb}/>) - break; default : return (<DragAndDropThumbnail acceptFile={acceptFile} onEditPage={true}/>) - break; } } @@ -277,7 +270,7 @@ export default function EditLearningObjectPage (props) { <div className="container"> <Grid container spacing={2}> <Grid item md={4} xs={12}> - <UploadFileWrapper draftID={recursoId} prevFile={learningObject. attachments ? learningObject.attachments[0] : null}/> + <UploadFileWrapper draftID={recursoId} prevFile={learningObject.attachments ? learningObject.attachments[0] : null}/> </Grid> <Grid item md={8} xs={12}> <InfoBox> diff --git a/src/Pages/EditProfilePage.js b/src/Pages/EditProfilePage.js index 35d8e563..b91d0c4d 100644 --- a/src/Pages/EditProfilePage.js +++ b/src/Pages/EditProfilePage.js @@ -1,6 +1,5 @@ -import React, {useState, useContext, useEffect} from 'react'; +import React, {useState, useContext} from 'react'; import styled from 'styled-components' -import {Link} from 'react-router-dom' import Tabs from '@material-ui/core/Tabs' import Tab from '@material-ui/core/Tab'; import Paper from '@material-ui/core/Paper'; @@ -8,7 +7,6 @@ import TabPanelEditarPerfil from '../Components/TabPanels/UserPageTabs/PanelEdit import TabPanelSolicitarContaProfessor from '../Components/TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js' import TabPanelGerenciarConta from '../Components/TabPanels/UserPageTabs/PanelGerenciarConta.js' import Snackbar from '@material-ui/core/Snackbar'; -import MuiAlert from '@material-ui/lab/Alert'; import {Alert} from '../Components/LoginModal.js' import Grid from '@material-ui/core/Grid' import CustomizedBreadcrumbs from '../Components/TabPanels/Breadcrumbs.js' @@ -21,6 +19,7 @@ export default function EditProfilePage (props) { const {state} = useContext(Store) const id = state.currentUser.id + // eslint-disable-next-line const [tabs, setTabs] = useState([ 'Editar Perfil', 'Solicitar conta de Professor', 'Gerenciar Conta' ]) diff --git a/src/Pages/FormationMaterialIframe.js b/src/Pages/FormationMaterialIframe.js index f43a3551..9f59d62f 100644 --- a/src/Pages/FormationMaterialIframe.js +++ b/src/Pages/FormationMaterialIframe.js @@ -21,7 +21,7 @@ import colecoes_obj from '../Components/FormationMaterialsResources/formationMat import IframeOverlay from '../Components/IframeOverlay.js'; export default function FormationMaterialIframe(props) { - const colecao = props.location.pathname == "/colecao"; + const colecao = props.location.pathname === "/colecao"; const colecoes = colecoes_obj(); const colecao_id = Number( @@ -33,14 +33,14 @@ export default function FormationMaterialIframe(props) { const colecao_obj = ((id) => { for (const c in colecoes) { - if (id == colecoes[c].id) + if (id === colecoes[c].id) return colecoes[c]; } })(colecao_id); const topico_obj = ((id) => { for (const t in colecao_obj.topics) { - if (id == colecao_obj.topics[t].id) + if (id === colecao_obj.topics[t].id) return colecao_obj.topics[t]; } })(topico_id); diff --git a/src/Pages/FormationMaterialPage.js b/src/Pages/FormationMaterialPage.js index fb7f99d7..2e8d75c0 100644 --- a/src/Pages/FormationMaterialPage.js +++ b/src/Pages/FormationMaterialPage.js @@ -15,11 +15,9 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { useRef, useState, useEffect } from 'react'; -import axios from 'axios'; +import React, { useRef } from 'react'; import styled from 'styled-components'; import { Grid } from '@material-ui/core'; -import { apiUrl, apiDomain } from '../env'; import FormationMaterialHeader from '../Components/FormationMaterialHeader.js'; import FormationMaterialDescription from '../Components/FormationMaterialDescription.js'; import TopicList from '../Components/TopicList.js'; @@ -27,7 +25,7 @@ import TopicFooter from '../Components/TopicFooter.js'; import colecoes_obj from '../Components/FormationMaterialsResources/formationMaterials.js'; export default function FormationMaterialPage(props) { - const colecao = props.location.pathname == "/colecao"; + const colecao = props.location.pathname === "/colecao"; const colecoes = colecoes_obj(); const colecao_id = Number( @@ -39,14 +37,14 @@ export default function FormationMaterialPage(props) { const colecao_obj = ((id) => { for (const c in colecoes) { - if (id == colecoes[c].id) + if (id === colecoes[c].id) return colecoes[c]; } })(colecao_id); const topico_obj = ((id) => { for (const t in colecao_obj.topics) { - if (id == colecao_obj.topics[t].id) + if (id === colecao_obj.topics[t].id) return colecao_obj.topics[t]; } })(topico_id); diff --git a/src/Pages/HelpCenter.js b/src/Pages/HelpCenter.js index 4151f5d7..a082dce1 100644 --- a/src/Pages/HelpCenter.js +++ b/src/Pages/HelpCenter.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React from 'react'; import styled from 'styled-components'; import Grid from '@material-ui/core/Grid'; import { Link } from 'react-router-dom'; @@ -81,7 +81,7 @@ function HelpCenter(props) { <Secao3> <Grid style={{height:"100%"}} container spacing={2}> <Grid style={{backgroundColor: "#333",paddingInline:"0" }} item xs={6}> - <iframe src="https://player.vimeo.com/video/231609051" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> + <iframe title="VÃdeo página ajuda" src="https://player.vimeo.com/video/231609051" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> </Grid> <Grid item xs={6}> <p className="titulo-sobre-ajuda">Plataforma MEC de Recursos Educacionais Digitais</p> diff --git a/src/Pages/ItemStore.js b/src/Pages/ItemStore.js index ce8855c0..45c3649d 100644 --- a/src/Pages/ItemStore.js +++ b/src/Pages/ItemStore.js @@ -15,13 +15,10 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, {useState, useContext, useEffect} from 'react'; +import React, {useState, useEffect} from 'react'; import styled from 'styled-components'; import axios from 'axios'; import Grid from '@material-ui/core/Grid'; -import Card from '@material-ui/core/Card'; -import CardActions from '@material-ui/core/CardActions'; -import CardContent from '@material-ui/core/CardContent'; import Container from '@material-ui/core/Container'; import UserCardGamified from '../Components/UserCardGamified.js'; import StoreGuide from '../Components/StoreGuide.js'; @@ -53,7 +50,7 @@ export default function ItemStoreContainer (props) { useEffect(() => { axios.all( ['avatar_frame', 'card_frame', 'cover_frame', 'badge'].map((r) => { - return axios.get(apiUrl+'/' + 'user_items/index?item_type='+r+'&unlock_rule=purchase'); + return axios.get(`${apiUrl}/user_items/index?item_type=${r}&unlock_rule=purchase`); })).then(axios.spread((avatar, card, cover, badge) => { setAvatarFrames(avatar); setCardFrames(card); diff --git a/src/Pages/PasswordRecoveryPage.js b/src/Pages/PasswordRecoveryPage.js index 8e7808fc..a2691a50 100644 --- a/src/Pages/PasswordRecoveryPage.js +++ b/src/Pages/PasswordRecoveryPage.js @@ -1,4 +1,4 @@ -import React, {useState, useContext} from 'react' +import React, {useState} from 'react' import {BackgroundDiv} from '../Components/TabPanels/StyledComponents.js' import Paper from '@material-ui/core/Paper'; import styled from 'styled-components' @@ -7,7 +7,7 @@ import Default from '../Components/PasswordRecoveryComponents/Default.js' import Success from '../Components/PasswordRecoveryComponents/Success.js' import CaseError from '../Components/PasswordRecoveryComponents/Error.js' import CustomizedBreadcrumbs from '../Components/TabPanels/Breadcrumbs.js' -import {apiUrl, apiDomain} from '../env'; +import {apiUrl} from '../env'; import axios from 'axios' diff --git a/src/Pages/TabsHelp/TabManageAc.js b/src/Pages/TabsHelp/TabManageAc.js index 0a7bafc4..ab485dd1 100644 --- a/src/Pages/TabsHelp/TabManageAc.js +++ b/src/Pages/TabsHelp/TabManageAc.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from "react"; +import React, { useState } from "react"; import styled from "styled-components"; import Tabs from "@material-ui/core/Tabs"; import Tab from "@material-ui/core/Tab"; diff --git a/src/Pages/TabsHelp/TabNetPart.js b/src/Pages/TabsHelp/TabNetPart.js index 3666d8f3..c63a0816 100644 --- a/src/Pages/TabsHelp/TabNetPart.js +++ b/src/Pages/TabsHelp/TabNetPart.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components'; import Tabs from '@material-ui/core/Tabs' import Tab from '@material-ui/core/Tab'; diff --git a/src/Pages/TabsHelp/TabPlataformaMEC.js b/src/Pages/TabsHelp/TabPlataformaMEC.js index 02ca0646..c704d98f 100644 --- a/src/Pages/TabsHelp/TabPlataformaMEC.js +++ b/src/Pages/TabsHelp/TabPlataformaMEC.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components'; import Tabs from '@material-ui/core/Tabs' import Tab from '@material-ui/core/Tab'; diff --git a/src/Pages/TabsHelp/TabResourseFind.js b/src/Pages/TabsHelp/TabResourseFind.js index e8d36e12..0398c28b 100644 --- a/src/Pages/TabsHelp/TabResourseFind.js +++ b/src/Pages/TabsHelp/TabResourseFind.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components'; import Tabs from '@material-ui/core/Tabs' import Tab from '@material-ui/core/Tab'; diff --git a/src/Pages/TabsHelp/TabResoursePub.js b/src/Pages/TabsHelp/TabResoursePub.js index 5352775d..00214bc4 100644 --- a/src/Pages/TabsHelp/TabResoursePub.js +++ b/src/Pages/TabsHelp/TabResoursePub.js @@ -16,7 +16,7 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/ -import React, { Component, useState, useEffect } from 'react'; +import React, { useState } from 'react'; import styled from 'styled-components'; import Tabs from '@material-ui/core/Tabs' import Tab from '@material-ui/core/Tab'; diff --git a/src/Pages/TermsPage.js b/src/Pages/TermsPage.js index b8296f95..4f50cd46 100644 --- a/src/Pages/TermsPage.js +++ b/src/Pages/TermsPage.js @@ -21,7 +21,6 @@ import {device} from '../Components/device.js' import { Store } from '../Store.js'; import { Button } from '@material-ui/core'; import Card from '@material-ui/core/Card'; -import CardActions from '@material-ui/core/CardActions'; import LabeledCheckbox from "../Components/Checkbox.js" import TermsPageContent from '../Components/TermsPageContent.js' import AppBar from '@material-ui/core/AppBar'; @@ -80,7 +79,9 @@ const Background = styled.div` ` export default function TermsContainer (props) { + // eslint-disable-next-line const {state, dispatch} = useContext(Store) + // eslint-disable-next-line const [checked, setChecked] = useState(false); const [unavailableButton, setButtonAvailability] = useState(true); const classes = useStyles() @@ -207,25 +208,25 @@ const StyledAppBarContainer = styled.div` } ` -{/*<CardActions style={{justifyContent:"center", padding:"25px", borderTop : "2px solid #dadada"}}> -<div> -<div style={{fontSize:"14px"}}> -<LabeledCheckbox label={<Styledspan>Li e concordo com os termos de uso da Plataforma Integrada de RED do MEC</Styledspan>} handleChange={handleChecked}/> -<div style={{marginLeft:"1em", paddingLeft:"16px", color:"#a0a0a0", justifyContent:"center",display:"flex"}}> -<Button disabled = {unavailableButton} -style={ unavailableButton ? {backgroundColor:"#e9e9e9"} : {backgroundColor:"#00bcd4"}} -onClick={handleAgreement} -> -<StyledSpanContinuar style={unavailableButton ? {color:"#666666"} : {}}> -Continuar -</StyledSpanContinuar> -</Button> -<Button style={{marginLeft:"45px", backgroundColor:"#e9e9e9"}}> -<Styledspan style={{color:"rgb(102, 102, 102)"}}> -Cancelar -</Styledspan> -</Button> -</div> -</div> -</div> -</CardActions>*/} +// {/*<CardActions style={{justifyContent:"center", padding:"25px", borderTop : "2px solid #dadada"}}> +// <div> +// <div style={{fontSize:"14px"}}> +// <LabeledCheckbox label={<Styledspan>Li e concordo com os termos de uso da Plataforma Integrada de RED do MEC</Styledspan>} handleChange={handleChecked}/> +// <div style={{marginLeft:"1em", paddingLeft:"16px", color:"#a0a0a0", justifyContent:"center",display:"flex"}}> +// <Button disabled = {unavailableButton} +// style={ unavailableButton ? {backgroundColor:"#e9e9e9"} : {backgroundColor:"#00bcd4"}} +// onClick={handleAgreement} +// > +// <StyledSpanContinuar style={unavailableButton ? {color:"#666666"} : {}}> +// Continuar +// </StyledSpanContinuar> +// </Button> +// <Button style={{marginLeft:"45px", backgroundColor:"#e9e9e9"}}> +// <Styledspan style={{color:"rgb(102, 102, 102)"}}> +// Cancelar +// </Styledspan> +// </Button> +// </div> +// </div> +// </div> +// </CardActions>*/} diff --git a/src/Pages/UploadPage.js b/src/Pages/UploadPage.js index b37b9238..8883bcef 100644 --- a/src/Pages/UploadPage.js +++ b/src/Pages/UploadPage.js @@ -18,7 +18,7 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> import React, {useState, useEffect, useContext} from 'react' import axios from 'axios' -import {apiUrl, apiDomain} from '../env'; +import {apiUrl} from '../env'; import Grid from '@material-ui/core/Grid'; import UploadFileWrapper from '../Components/UploadPageComponents/UploadFileWrapper.js' import {Store} from '../Store.js' @@ -36,7 +36,8 @@ import {Redirect} from 'react-router-dom' export default function UploadPage (props) { const {state} = useContext(Store) - {/*Object : link or file uploaded*/} + // {/*Object : link or file uploaded*/} + // eslint-disable-next-line const [object, setObject] = useState() const [loading, toggleLoading] = useState(true) diff --git a/src/Pages/UserPage.js b/src/Pages/UserPage.js index 3e50ca2a..92d821b5 100644 --- a/src/Pages/UserPage.js +++ b/src/Pages/UserPage.js @@ -20,22 +20,20 @@ import React, {useState, useContext, useEffect} from 'react'; import styled from 'styled-components' import CustomizedBreadcrumbs from '../Components/TabPanels/Breadcrumbs.js' import { Store } from '../Store.js'; -import Tabs from '@material-ui/core/Tabs'; import Tab from '@material-ui/core/Tab'; -import Paper from '@material-ui/core/Paper'; import ModalAlterarAvatar from '../Components/ModalAlterarAvatar/ModalAlterarAvatar' import TabPanelAtividades from '../Components/TabPanels/UserPageTabs/PanelAtividades.js' import TabPanelMeusRecursos from '../Components/TabPanels/UserPageTabs/PanelMeusRecursos.js' import TabPanelFavoritos from '../Components/TabPanels/UserPageTabs/PanelFavoritos.js' import TabPanelColecoes from '../Components/TabPanels/UserPageTabs/PanelColecoes.js' import TabPanelRede from '../Components/TabPanels/UserPageTabs/PanelRede.js' -import TabPanelStatusEConquistas from '../Components/TabPanels/TabPanelStatusEConquistas.js' import TabPanelCuradoria from '../Components/TabPanels/UserPageTabs/PanelCuradoria.js' import axios from 'axios' -import {apiUrl, apiDomain} from '../env'; +import {apiUrl} from '../env'; import Grid from '@material-ui/core/Grid'; import {HeaderContainer, UserProfileContainer, CheckTeacherDiv, StyledTabs, RodapeDiv, NavBarContentContainer, BackgroundDiv} from '../Components/TabPanels/StyledComponents.js' - import Cover from '../Components/UserPageComponents/Cover.js' + +import Cover from '../Components/UserPageComponents/Cover.js' import ProfileAvatar from '../Components/UserPageComponents/Avatar.js' import UserInfo from '../Components/UserPageComponents/UserInfo.js' import EditProfileButton from '../Components/UserPageComponents/EditProfileButton.js' @@ -53,8 +51,8 @@ const GetHeaderConfig = () => { 'Uid': sessionStorage.getItem('@portalmec/uid'), } } - {/*'Host': 'api.portalmec.c3sl.ufpr.br', - 'Cookie': ''*/} + // {/*'Host': 'api.portalmec.c3sl.ufpr.br', + // 'Cookie': ''*/} return config } @@ -74,7 +72,7 @@ export default function UserPage (props){ useEffect( () => { let config = getAxiosConfig() - if (id != '') { + if (id !== '') { axios.get( (`${apiUrl}/users/` + id), config) .then( (response) => { console.log(response) -- GitLab