diff --git a/package-lock.json b/package-lock.json index 7c8f79a03656999b6a3cbfa7055ee645df2d510a..a8fb0106a47c902e2206ec5511f11b2704b751f5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3630,9 +3630,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001083", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001083.tgz", - "integrity": "sha512-CnYJ27awX4h7yj5glfK7r1TOI13LBytpLzEgfj0s4mY75/F8pnQcYjL+oVpmS38FB59+vU0gscQ9D8tc+lIXvA==" + "version": "1.0.30001179", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001179.tgz", + "integrity": "sha512-blMmO0QQujuUWZKyVrD1msR4WNDAqb/UPO1Sw2WWsQ7deoM5bJiicKnWJ1Y0NS/aGINSnKPIWBMw5luX+NDUCA==" }, "capture-exit": { "version": "1.2.0", diff --git a/src/App.js b/src/App.js index b148768073f9ab0587b23aeb2e4a7bd7e152db60..80523ca988f9386b244f9a4704aab7bb2cc40257 100644 --- a/src/App.js +++ b/src/App.js @@ -35,7 +35,7 @@ import TabManageAc from './Pages/TabsHelp/TabManageAc'; import PasswordRecoveryPage from './Pages/PasswordRecoveryPage.js' import PageProfessor from './Pages/PageProfessor.js' import ResourcePage from './Pages/ResourcePage'; -import {BrowserRouter, Switch, Route, useLocation } from 'react-router-dom'; +import {BrowserRouter, Switch, Route } from 'react-router-dom'; import { Store } from './Store' import TermsPage from './Pages/TermsPage.js' import PublicationPermissionsPage from './Pages/PublicationPermissionsPage.js' diff --git a/src/Components/AboutCarousel.js b/src/Components/AboutCarousel.js index 9bbe6db737ecc07c76646e603bcceb42694ec6ec..35e68f3a937c6644576eeea533fb4fc8c8d929b9 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/AchievementDescriptionCard.js b/src/Components/AchievementDescriptionCard.js index 3af102fe901acb8f237a4ba1d1637caaf30c97fd..ad01fc46506825aef6570d3c342bdac2d088d8f2 100644 --- a/src/Components/AchievementDescriptionCard.js +++ b/src/Components/AchievementDescriptionCard.js @@ -1,6 +1,5 @@ import React from 'react' import styled from 'styled-components' -import { Container } from 'react-grid-system' import Paper from '@material-ui/core/Paper'; import { Grid } from '@material-ui/core' import RequirementDialog from './RequirementsDialog.js'; diff --git a/src/Components/Activities/Definitions.js b/src/Components/Activities/Definitions.js index 8ff971c8ee208612b34a6b567f489c4a965013bc..9b2e14344517041fcd61b7ac6a1f16b6c1bb4d6b 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 7af740cd4b41cc5cb29d28312a11fbdeb5d696a2..00def5db6b3f1cd7e3ca5ed49e8a5f187a829dfe 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 9fcbe7f6071fd65f87df571ff11e33a6866af0c7..f6b59bb2d31d904f2663f644951380405dd1bb0d 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 3e41d4fa84953a557ca68378dd2d6cd683f9670c..8b307048182a36bd0cafa1063a86b45ad64105b8 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 3e8e9029c2ffba6e2c068378b7f3c73f8277e030..ba3602311c2fa2b3607a89c7e196d01c828ffe4b 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 3c971a28dfef4319067a57617677d4494c2ab7fa..f12fa1100e9976ec96e3155a4a0b5be45e485058 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' @@ -78,7 +77,7 @@ const Styledspan = styled.span` ` export default function ColaborarModal (props) { - const {state, dispatch} = useContext(Store) + // const {state, dispatch} = useContext(Store) const [checkbox, controlCheckbox] = useState(false) const handleCheckbox = () => controlCheckbox(!checkbox) diff --git a/src/Components/CollectionAuthor.js b/src/Components/CollectionAuthor.js index 56b940a45409c0881198a8349de5c510a33b9c26..c81f227aadb22527f80b95f72cd226920a63379f 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/CollectionCard.js b/src/Components/CollectionCard.js index b6006301eb54fcacc73708254a8ebcaf33c8e928..a252100acd4083d796247c109c3f99da46ddb7e2 100644 --- a/src/Components/CollectionCard.js +++ b/src/Components/CollectionCard.js @@ -26,7 +26,6 @@ import CardActions from '@material-ui/core/CardActions'; import IconButton from '@material-ui/core/IconButton'; import FolderIcon from '@material-ui/icons/Folder'; import FavoriteIcon from '@material-ui/icons/Favorite'; -import StarRatings from 'react-star-ratings'; import noAvatar from "../img/default_profile.png"; import Rating from '@material-ui/lab/Rating'; import StarBorderIcon from '@material-ui/icons/StarBorder'; diff --git a/src/Components/CollectionCardFunction.js b/src/Components/CollectionCardFunction.js index eeb2023470f7efe6a84552b0d3abf6faf9487d68..5b015705196ea7e9faa7915548e304270969ca99 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/CollectionCommentSection.js b/src/Components/CollectionCommentSection.js index df6ead8183a7b462c0f588d6415bccd9317b2255..9351596e1a34daabddd03f45fbe1cb9d80cea73f 100644 --- a/src/Components/CollectionCommentSection.js +++ b/src/Components/CollectionCommentSection.js @@ -91,7 +91,7 @@ export default function CollectionCommentSection(props) { const CollectionComments = () => { return ( <div> - <Title>{reviews.length} {reviews.length == 1 ? "Relato" : "Relatos"} sobre a Coleção</Title> + <Title>{reviews.length} {reviews.length === 1 ? "Relato" : "Relatos"} sobre a Coleção</Title> {reviews.map(r => { return ( <Comment diff --git a/src/Components/CollectionDescription.js b/src/Components/CollectionDescription.js index e6b2cd07e43c25395c055f251e418fbf5962ac3e..aa35cb0df4909fa3205678aa145bc1e02f2802ad 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/CollectionDowloadButton.js b/src/Components/CollectionDowloadButton.js index 2e081f43d87a32ecae0a31b360fd96edb77e301e..f36eed118e3771b92e2117883d5dd8977cefd91f 100644 --- a/src/Components/CollectionDowloadButton.js +++ b/src/Components/CollectionDowloadButton.js @@ -1,15 +1,12 @@ -import React, { useContext, useState, useEffect } from 'react'; +import React, { useState, useEffect } from 'react'; import axios from 'axios'; import GetAppIcon from '@material-ui/icons/GetApp'; import Button from '@material-ui/core/Button'; import styled from 'styled-components'; import { apiUrl, apiDomain } from '../env'; -import FollowCollectionButton from './FollowCollectionButton.js'; -import { Store } from '../Store.js' -import { Grid } from '@material-ui/core'; + const DowloadButton = (props) => { - const { state } = useContext(Store); const [download_url, setDownloadUrl] = useState(''); useEffect(() => { diff --git a/src/Components/CollectionReview.js b/src/Components/CollectionReview.js index eaa5eb4e49f10b9f004732bfd5eede0a7a11ab02..c1b2d4f0472483c8ebd564d56ee51c49f77b42ed 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 e1a69e4d785d2edec29baf4c4612b56eeda776b5..51850497b9898ee2030d7ccfa7e3416e2bf3065f 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 09362df143e866e793127eec5d6394c62acbdbf9..4faddda7cfb471ce5d58f4e433f75d44b24b1171 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 83ce16ab91084f1761c0395ba4a9d16f66b232b6..b1c26823e9ecb88f646b57c2f540bde466c93049 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 7cccf882fd8c034fd113d80dee2f2ecc7528b0e1..99de8ca99da13b42dc6025a128d15f3c5a531473 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'; @@ -34,7 +33,7 @@ import ReportModal from './ReportModal.js' import {Link} from 'react-router-dom' export default function SimpleMenu(props) { - const {state} = useContext(Store) + // const {state} = useContext(Store) const [anchorEl, setAnchorEl] = React.useState(null); function handleClick(event) { @@ -66,12 +65,12 @@ export default function SimpleMenu(props) { const [reportModal, toggleReportModal] = useState(false) const handleModal = (value) => { toggleReportModal(value) - {/*if (state.currentUser.id) { - toggleReportModal(!reportModal) - } - else { - toggleLoginModal(true) - }*/} + // {/*if (state.currentUser.id) { + // toggleReportModal(!reportModal) + // } + // else { + // toggleLoginModal(true) + // }*/} } return ( diff --git a/src/Components/ContactForm.js b/src/Components/ContactForm.js index e5cc2981d7e31e78fc002e5bf9943672b0a1e15c..b00d2f3219e0c699e134a8455d7c41716e88442d 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 83560d9173fa7db7b68174553865c12e4fd6ae8c..9eada322aa34fcccdb8736709414874c3f137bba 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 9b04f2dd04da1c6e3a71a5cb26a0839da1470ce4..73e7384fc040f415e947113c26b9ff56544f3d7f 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 28f09d420519098dec292a9818e7af032d595d80..ccccc4c2e57ca23d7b7de6500c630cf052a0a847 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 f40f811c1c953e8770092d131c6bef6e6a9a8b5a..a078b1af975a3d44d2d517faccc8e38dd7cd75f9 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 0ebb3e702040cd66f89e51dcf01f40b62f81c848..a16fa9047664d2e79573d0169ba9f2d834ab9210 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 5d78b87d0f5eebc66b5fd63a478b13fa00147ccd..96537210b046c1d0fc841ec4016e16c52e12c3c1 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/FollowCollectionButton.js b/src/Components/FollowCollectionButton.js index cbabd8845d380f3390d883b85d1e6a3617048da0..cf7d7323ccd935207d581b0c0dd690faa621d130 100644 --- a/src/Components/FollowCollectionButton.js +++ b/src/Components/FollowCollectionButton.js @@ -56,7 +56,7 @@ export default function FollowCollectionButton(props) { setIcon(<CheckIcon fontSize="large" />) setFollowing(true); } - + return undefined }) SaveNewHeaders(response) }) @@ -166,11 +166,6 @@ export default function FollowCollectionButton(props) { else return (<div></div>); } -const Title = styled.h1` - font-size: 3em; - color: rgb(102, 102, 102); - float: left; -` const ButtonText = styled.span` font-weight: bolder; font-size: 1.2em; diff --git a/src/Components/FormInput.js b/src/Components/FormInput.js index c107ab51e881fe96da688cac2df8a6562a993c0f..813877ed5261daf1e1723771ab71b77b07d0696d 100644 --- a/src/Components/FormInput.js +++ b/src/Components/FormInput.js @@ -70,7 +70,6 @@ export default function FormInput(props) { type = {props.inputType} value = {props.value} onChange = {props.handleChange} - helperText = {props.help} rows = {props.rows} error = {props.error} rowsMax = {props.rowsMax} diff --git a/src/Components/FormValidationFunction.js b/src/Components/FormValidationFunction.js index c7a8407c5de125cbe34c97d559d6614296e5bfe9..27520b23d8ffac7e4f9e5a8585108c09cb9f77c5 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 af774a9f08693807e98f9a9f58bcba178df5f1a9..ab8b6b4a70dd32d649c8b49051b9355725ef53ff 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 13c6010e9e9e38b0e34744544f0bfee11fc25ffc..03a81692c80016028802bb1005eeebd15ca85b14 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 a2851d79f3d72ab75e8e1f348fb6f6577ac2cbab..7d26d169a48e18f4bc4083b6ef75df96ad7683b2 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/GuardarModal.js b/src/Components/GuardarModal.js index 868f09b5baa6151c84b8932380c4e085570bffc1..8d4fc7ff48724e4bedf559b41cef9d8c555bf48b 100644 --- a/src/Components/GuardarModal.js +++ b/src/Components/GuardarModal.js @@ -22,7 +22,6 @@ 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 SignUpContainer from './SignUpContainerFunction.js' import {Store} from '../Store.js' import axios from 'axios' import {apiUrl, apiDomain} from '../env'; diff --git a/src/Components/Header.js b/src/Components/Header.js index 329e455e9692552e6e6f93d27e34cc93ccadbc1e..14025e28280949a3f8d37107cf49dc74d057e6e5 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/Cards/CardEncontrando.js b/src/Components/HelpCenter/Cards/CardEncontrando.js index f1c2db1bc0ab81db242f04baf4facc0bc40425b2..f989352e13a40ded76308ec44c830f27d0ec0080 100644 --- a/src/Components/HelpCenter/Cards/CardEncontrando.js +++ b/src/Components/HelpCenter/Cards/CardEncontrando.js @@ -46,7 +46,6 @@ export default function CardEncontrando(props) { > Como filtrar os resultados? </Link> - <a></a> <br /> <Link to={{ diff --git a/src/Components/HelpCenter/TabsManageAc/Forget.js b/src/Components/HelpCenter/TabsManageAc/Forget.js index a96de5c6059f10c439737d49474bba54de34a043..c3c247a3a93834ae0bef65bf6e27d393e35b4063 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 f367cd4228e377798c981272934f44c90a36f470..aa06035616a818f7c2f82a0395ab93caaab5ea85 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 456d434ee41d3cfa05da84ce94c6473a91dff7ae..1b119e9909b898331d788c1098d0abe58d0d7fb1 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 084e78f39c2813df5ad1ff970a268c18e868856f..f2df2d292e40e39c2367a1939c956a8313cecc21 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 a18088dc0a76b4e072037c50abca8d249f182340..09c243b07d805edb7d9d1efe93b56b92492eb479 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 8317ce5f7997c4096b520ab8eafb4ca573077851..221667e30390c391aa1dab7f9c3264eddcadfe9c 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 5970321c16779868a1a1a2f37344b2826d941e72..8171c7e4253436ddb50edb6a2c337981e51d4393 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/TabsPlataformaMEC/How.js b/src/Components/HelpCenter/TabsPlataformaMEC/How.js index 930476c1bb6525271e503dc7d40e508b15836d51..9834d9398962afcdd63315b747f1bb2f5880c2b7 100644 --- a/src/Components/HelpCenter/TabsPlataformaMEC/How.js +++ b/src/Components/HelpCenter/TabsPlataformaMEC/How.js @@ -31,6 +31,7 @@ export default function How(props) { </div> <div style={{ width: "640px", height: "360px" }}> <iframe + title="Video Página Ajuda" width="640" height="360" src="https://www.youtube.com/embed/CRW5h2pHugM" diff --git a/src/Components/HelpCenter/TabsResourseFind/HowToDo.js b/src/Components/HelpCenter/TabsResourseFind/HowToDo.js index 087f162553f7f9a559d5c04dc2b9ec801e8cee40..65934c1c01e640c5ad316674b38a6787708722f2 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 78e362ff725494ad3209f4d6d2ffece03add983c..928d3dc99e598dd2fbc1204e162fc2e00f78e681 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 0891ec5324efe7565f4460770b41bc7c9a0fc991..cb2a04b6a64b73d1721edaf51aed65214c6c2801 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 fbf097e1a37e4d83d797e789c2edf682b03abf70..a84cd304098a103d6906a6ea2e5ed2f8481ae989 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 514e5211564eca79b8289a192c5c6098c470eabd..49a5e1f1e525cfdb04afe4fc6263bf9e57433185 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 c0e703c02e30124913f408254fd112162f90ff23..ca1a16b9ece1538ed7640c181c5873d7f1e54668 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 99aef6a0221b4ca3c670ab966156b7d87178143d..63a4ff6e53a5e6763eafdc8d0146f1c426c8ec00 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 7bdaa5f274f409de0649a0fc6657ab49ca96e330..cb92a38fcb6f7bc2d947021ae24d2658518c67eb 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.js b/src/Components/IframeOverlay.js index c7e8979e360894d86327ea9ea9de25aec6f27c55..2166e7165679798271a7d09d9718cedf752b288c 100644 --- a/src/Components/IframeOverlay.js +++ b/src/Components/IframeOverlay.js @@ -1,6 +1,5 @@ import React, { useState } from 'react'; import styled from 'styled-components'; -import Grid from '@material-ui/core/Grid'; import ExpandButton from './IframeOverlay/ExpandButton.js'; import Drawer from '@material-ui/core/Drawer'; import DrawerContent from './IframeOverlay/DrawerContent.js'; diff --git a/src/Components/IframeOverlay/SearchInput.js b/src/Components/IframeOverlay/SearchInput.js index 18f8210393be211c56ab52ebc05a06f9e80e9d5c..f201d3143be7501aa4631ecacdecfd972a985130 100644 --- a/src/Components/IframeOverlay/SearchInput.js +++ b/src/Components/IframeOverlay/SearchInput.js @@ -3,7 +3,6 @@ import styled from 'styled-components'; import SearchIcon from '@material-ui/icons/Search'; import IconButton from '@material-ui/core/IconButton'; import OutlinedInput from '@material-ui/core/OutlinedInput'; -import InputLabel from '@material-ui/core/InputLabel'; import InputAdornment from '@material-ui/core/InputAdornment'; import FormControl from '@material-ui/core/FormControl'; diff --git a/src/Components/IframeOverlay/SmallFooter.js b/src/Components/IframeOverlay/SmallFooter.js index c376bdee91f0d922b45bd69c14c3f5d1881fcd50..95350b07de94f7287391c608dd00c2cd9f4753bf 100644 --- a/src/Components/IframeOverlay/SmallFooter.js +++ b/src/Components/IframeOverlay/SmallFooter.js @@ -1,7 +1,5 @@ import React from 'react'; -import { Link } from 'react-router-dom'; import styled from 'styled-components'; -import Grid from '@material-ui/core/Grid'; import ImgInfo from '../../img/acesso-a-informacao.png'; export default function SmallFooter(props) { @@ -12,6 +10,7 @@ export default function SmallFooter(props) { <a alt="Governo Federal" href="http://www.brasil.gov.br/" + rel="noreferrer" target="_blank" > <Img src={ImgInfo} /> diff --git a/src/Components/IframeOverlay/WhiteAreaOfCard.js b/src/Components/IframeOverlay/WhiteAreaOfCard.js index 738d57153f91bb9424955c5c8f78f2aef31a5394..0f4604bb451bd9f0a7d69b57ce341ad18395106b 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/IllegalContentModal.js b/src/Components/IllegalContentModal.js index 65b658a47c5071b87f107e4bd03fd84a58d90239..135270c2fbbb96658225e24962830f5f6e1c1c50 100644 --- a/src/Components/IllegalContentModal.js +++ b/src/Components/IllegalContentModal.js @@ -5,8 +5,6 @@ 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; @@ -81,7 +79,7 @@ const StyledDivContainer = styled.div` ` export default function IllegalContentModal (props) { - const {state, dispatch} = useContext(Store) + const {state} = useContext(Store) // const func = () => { // let name = '' diff --git a/src/Components/ItemCard.js b/src/Components/ItemCard.js index 21f87f4f9e0bc70f04145db5ff832961e1f383cf..dea4bd2a34c970cc9cc26bb45d0baab857b90c17 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 c5e9f41d67a65b1f1a1c81a037504baaae581219..ed1cc7dde66752bb622375c25b65172ab3d42e92 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 a3e03e8e4fbcbf3a6a442a433896bb1191334030..a790b4f18c67fd3ad2fc2726334d3140b07f69ad 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 90e43b78d1343e2e5fa971349e87bc7b175b54e4..7c55a81f33b75bcdb375ee02c1919df2ab4a3b24 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/LoadingSpinner.js b/src/Components/LoadingSpinner.js index ffeec90992457ab00d31c18dff77e14ba0d40b61..68c447c4c3be4aee028bf6b4997ceefa956fd197 100644 --- a/src/Components/LoadingSpinner.js +++ b/src/Components/LoadingSpinner.js @@ -3,7 +3,7 @@ import LoadingGif from '../img/loading_busca.gif' const LoadingSpinner = (props) => ( <div style={{display:"flex", flexDirection:"column", alignItems:"center", justifyContent:"center"}}> - <img src={LoadingGif} /> + <img alt="" src={LoadingGif} /> <span style={{textTransform:"uppercase"}}>{props.text}</span> </div> ); diff --git a/src/Components/LoginContainerFunction.js b/src/Components/LoginContainerFunction.js index 5e6bd3fc8c8493d7dd8be3bbdc63455a886cc43b..33b7ff15dd065bfb9df5f1beed06701286107f7f 100644 --- a/src/Components/LoginContainerFunction.js +++ b/src/Components/LoginContainerFunction.js @@ -69,14 +69,14 @@ export default function LoginContainer (props) { key : flag, value : userInput }) - {/*console.log(formEmail)*/} + // {/*console.log(formEmail)*/} } else if(type === 'password') { setSenha({...formSenha, key : flag, value : userInput }) - {/*console.log(formSenha)*/} + // {/*console.log(formSenha)*/} } } @@ -140,7 +140,7 @@ export default function LoginContainer (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 @@ -151,7 +151,7 @@ export default function LoginContainer (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/> diff --git a/src/Components/LoginModal.js b/src/Components/LoginModal.js index 91f9e4d0fabd1f84d16c231a202c074753ae7a20..18b5e7e6fb67bf3a36a94de27f3e422132ec6495 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 08b98c5a770610790ace06b2309a49183186d0dd..6ec3f5c91f5c11b2323c92583da9f302f2cd7926 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 114254048d40ae6102d0fa767ce09330b7b3a81c..2b15988246f8298895220ca06267b1d70d6228fa 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/Modal.js b/src/Components/Modal.js index cd970dd2d1436cdd4e423838ffd2f51235a9b183..dd2de1bc9e16debc20d88233ae5f907200dd79c2 100644 --- a/src/Components/Modal.js +++ b/src/Components/Modal.js @@ -23,11 +23,9 @@ import Modal from '@material-ui/core/Modal'; import TermsCarousel from './Carousel'; import Backdrop from '@material-ui/core/Backdrop'; -import Grid from '@material-ui/core/Grid'; import Fade from '@material-ui/core/Fade'; import VisibilityOutlinedIcon from '@material-ui/icons/VisibilityOutlined'; -import styled from 'styled-components' /*Importação de imagens para o componente*/ diff --git a/src/Components/ModalAbout.js b/src/Components/ModalAbout.js index 3739a8935ab0dcc98d29fde4c2bb956aa5c21d75..84998e7cbe28194b29663cc6fc47a78ba8cfeec3 100644 --- a/src/Components/ModalAbout.js +++ b/src/Components/ModalAbout.js @@ -23,9 +23,7 @@ import Modal from '@material-ui/core/Modal'; import Formulario from "./ContactForm"; import Backdrop from '@material-ui/core/Backdrop'; -import Grid from '@material-ui/core/Grid'; import Fade from '@material-ui/core/Fade'; -import VisibilityOutlinedIcon from '@material-ui/icons/VisibilityOutlined'; import styled from 'styled-components' diff --git a/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js b/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js index 657c8183971fc197ba1c1a4a36dd1f4e6d31fe21..4895cf29c01b5fde32ebeb1f1519b4b25f6a2036 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 0698c94b2a09389d8f787f36bc29c5975ea390b0..735832040ab11c6b79e7f969bb554e42a514ebfe 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 4178b3cf9cdf4d74f9197b4c341ad779b40db235..caf408d482af065ceeba81a1e601efdf5544a602 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 86636826010d9e129fd22192535c8aec56c310ed..7e971f5806c6cee5239b1b480cc166c5b31b05a3 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/ModalAvaliarRecurso.js b/src/Components/ModalAvaliarRecurso.js index 9d6c588e45636305070905de8b59b0b0dcdc2f89..8604461a878c3b4e781d23ef9bc6f779bea276b6 100644 --- a/src/Components/ModalAvaliarRecurso.js +++ b/src/Components/ModalAvaliarRecurso.js @@ -22,9 +22,6 @@ 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} from '../env'; import Grid from '@material-ui/core/Grid'; import RadioGroup from '@material-ui/core/RadioGroup'; import Radio from '@material-ui/core/Radio'; @@ -32,7 +29,6 @@ import FormControl from '@material-ui/core/FormControl'; import FormControlLabel from '@material-ui/core/FormControlLabel'; import CloseModalButton from './CloseModalButton' import Snackbar from '@material-ui/core/Snackbar'; -import Alert from '../Components/Alert.js'; import TextField from '@material-ui/core/TextField'; import { withStyles } from '@material-ui/core/styles'; @@ -232,16 +228,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/ModalConfirmarCuradoria.js b/src/Components/ModalConfirmarCuradoria.js index 9e12906b13c7e0a0457819160a1dd358515c7b24..b654338cadf3dd573689ce0102179377ca6282e6 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 f8deb98a454280ce7a6c78f952caabf12f3e2527..7d349e085ec89cac173286a5406a810cc08d04dd 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 4353e8dd233dacfc78629ff003248f5a732d207c..8617baf38ccb065bef540c6767237d03df587324 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 9c1b61b65600d0bef69cf3ee21bd37ec03216f7c..914aa74f2ce58c00699144802eb7c364cbc11faa 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 4ce108a20896e848b2e01177694ad2a139efa843..1345ee369a1471558274f42c3d6574c92122dfdb 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 8fe0d148a07896c378474e0928e2684ab0eb6ae2..2a8fbd78bb463b752ded4ac47d16a11292f060b0 100644 --- a/src/Components/ModalLearningObjectPublished.js +++ b/src/Components/ModalLearningObjectPublished.js @@ -16,16 +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, {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'; import Fade from '@material-ui/core/Fade'; import styled from 'styled-components' -import SignUpContainer from './SignUpContainerFunction.js' -import {Store} from '../Store.js' -import axios from 'axios' -import {apiDomain} from '../env'; import Grid from '@material-ui/core/Grid'; import Facebook from '../img/facebook.svg' import Twitter from '../img/twitter.svg' @@ -33,12 +29,12 @@ import LinkIcon from '../img/link_icon.svg' import CloseModalButton from './CloseModalButton.js' export default function ModalLearningObjectPublished (props) { - const refContainer = useRef(props.link); + // const refContainer = useRef(props.link); - function copyToClipboard(e) { - let copyText = document.getElementById('p-text') - console.log(copyText) - }; + // function copyToClipboard(e) { + // let copyText = document.getElementById('p-text') + // console.log(copyText) + // }; return ( <StyledModal @@ -79,6 +75,7 @@ export default function ModalLearningObjectPublished (props) { <div className="logos-shared"> <a href={"https://www.facebook.com/sharer/sharer.php?u=https://plataformaintegrada.mec.gov.br/recurso/" + props.draftID} + rel="noreferrer" target="_blank"> <ShareButton> <img src={Facebook} alt="facebook-logo"/> @@ -87,6 +84,7 @@ export default function ModalLearningObjectPublished (props) { <a href={"https://www.twitter.com/intent/tweet?url=https://plataformaintegrada.mec.gov.br/recurso/" + props.draftID} + rel="noreferrer" target="_blank"> <ShareButton> <img src={Twitter} alt="twitter-logo"/> @@ -186,16 +184,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/ModalVideoApresentacao.js b/src/Components/ModalVideoApresentacao.js index 709ea57b6042a9058a209a8667e91e9a45fd22be..3b83f173cd56e4a3724ca7d71003c55d88fc9d49 100644 --- a/src/Components/ModalVideoApresentacao.js +++ b/src/Components/ModalVideoApresentacao.js @@ -40,6 +40,7 @@ export default function ModalVideoApresentacao (props) { <Fade in={props.open}> <VideoContainer> <iframe + title="Video Apresentação" src="https://www.youtube.com/embed/gejBqyfJr9A" width="560" height="315" frameBorder="0" allowFullScreen className="video" /> diff --git a/src/Components/Notifications.js b/src/Components/Notifications.js index 87d20942268212fae9e5a745d4abd363567d3464..d8df9e70914342207aa0ceba0cc989c54e75aa86 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 cc25a3b4aeb1f0fad21b2d9f56e6b9d6f915c719..f8bceee1e9452edcd3562d71f954d923a21d7d91 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/PageProfessorComponents/PartThree.js b/src/Components/PageProfessorComponents/PartThree.js index 2ee7c262ad0e85e3ba1a3c6221cf5241bde4b207..d52d17ba19da2ebb4a9105dc028c2d4d249aa940 100644 --- a/src/Components/PageProfessorComponents/PartThree.js +++ b/src/Components/PageProfessorComponents/PartThree.js @@ -1,8 +1,7 @@ import React, {useState} from 'react' -import {Content, ButtonsArea} from './PartOne.js' +import {Content} from './PartOne.js' import {ButtonCancelar, ButtonGrey} from './PartTwo.js' import FormControl from '@material-ui/core/FormControl'; -import InputLabel from '@material-ui/core/InputLabel'; import Stepper from '../Stepper.js' import FormInput from '../FormInput.js' import styled from 'styled-components' diff --git a/src/Components/PasswordRecoveryComponents/Success.js b/src/Components/PasswordRecoveryComponents/Success.js index d366bc3c8958f7560816e5ee27fe0172c0fb2789..34feb617ef2094f169acb826e40ea73cd16d4e8a 100644 --- a/src/Components/PasswordRecoveryComponents/Success.js +++ b/src/Components/PasswordRecoveryComponents/Success.js @@ -1,6 +1,4 @@ import React from 'react' -import {CompletarCadastroButton} from '../TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js' -import FormInput from "../FormInput.js" export default function Default (props) { return ( diff --git a/src/Components/PublicationPermissionsContent.js b/src/Components/PublicationPermissionsContent.js index bf115152247bea197475a22ddcc2da38681123c9..533993c1c89990ec78de3a59cd34a93db0119132 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 bc786eca8e32d73651fcb3b7f279b0aa9b0a5180..f826b54ea543053125444fa4ab79d008d67c762f 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/ReportButton.js b/src/Components/ReportButton.js index ea8bb313cc7adc7f1b60187ae780e55a0ae0befb..654780a75533a8deac35c1cf08121d8634915f3b 100644 --- a/src/Components/ReportButton.js +++ b/src/Components/ReportButton.js @@ -42,6 +42,7 @@ export default function ReportButton (props) { /*modal variables------------------------------------*/ const [reportModal, toggleReportModal] = useState(false) + // eslint-disable-next-line const [loginModal, toggleLoginModal] = useState(false) const handleModal = () => { diff --git a/src/Components/ReportColecaoForm.js b/src/Components/ReportColecaoForm.js index a64164eb04fbc3e8aa7bdff9f9ce4e19dc0439aa..37c4a77336c79e8f58496143cbe8840725d7c4da 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/ReportModal.js b/src/Components/ReportModal.js index 16f6c1ed37eaa83126607ff457044d404c0e5d0b..be2248dfa1b53d92cea76d45c82c246934ed66bf 100644 --- a/src/Components/ReportModal.js +++ b/src/Components/ReportModal.js @@ -22,7 +22,6 @@ 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 SignUpContainer from './SignUpContainerFunction.js' import {Store} from '../Store.js' import axios from 'axios' import {apiUrl} from '../env'; @@ -30,7 +29,6 @@ import CloseIcon from '@material-ui/icons/Close'; import ReportUserForm from './ReportUserForm.js' import ReportRecursoForm from './ReportRecursoForm.js' import ReportColecaoForm from './ReportColecaoForm.js' -import ReportCollectionForm from './ReportCollectionForm.js'; function CloseModalButton (props) { return ( @@ -80,7 +78,6 @@ export default function ReportModal (props) { return ( <ReportRecursoForm handleClose={props.handleClose} handleSubmit={handleSubmit}/> ) - break; default: return ( <ReportUserForm handleClose={props.handleClose} handleSubmit={handleSubmit}/> diff --git a/src/Components/ReportRecursoForm.js b/src/Components/ReportRecursoForm.js index d6c2a70b9429ab08ecefb8257dade87bdf152264..a1c7312713319d9b4320cf4bc844d3c160c5ed79 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 2ed7bd88d9cf7b29803d97788159116764263390..370865722d5a85cb2b458f326b891dbfe962a3e8 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/RequirementsDialog.js b/src/Components/RequirementsDialog.js index a8f5f208cf28c0ac536b66e959013887eb543f7d..49aeb47335556faa0d6fa700973c0541a217819b 100644 --- a/src/Components/RequirementsDialog.js +++ b/src/Components/RequirementsDialog.js @@ -1,36 +1,12 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; import Button from '@material-ui/core/Button'; import Dialog from '@material-ui/core/Dialog'; import DialogActions from '@material-ui/core/DialogActions'; import DialogContent from '@material-ui/core/DialogContent'; import DialogContentText from '@material-ui/core/DialogContentText'; import DialogTitle from '@material-ui/core/DialogTitle'; -import FormControl from '@material-ui/core/FormControl'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; -import InputLabel from '@material-ui/core/InputLabel'; -import MenuItem from '@material-ui/core/MenuItem'; -import Select from '@material-ui/core/Select'; -import Switch from '@material-ui/core/Switch'; - -const useStyles = makeStyles(theme => ({ - form: { - display: 'flex', - flexDirection: 'column', - margin: 'auto', - width: 'fit-content', - }, - formControl: { - marginTop: theme.spacing(2), - minWidth: 120, - }, - formControlLabel: { - marginTop: theme.spacing(1), - }, -})); export default function MaxWidthDialog(props) { - const classes = useStyles(); const [open, setOpen] = React.useState(false); const fullWidth = true; const maxWidth = 'sm'; diff --git a/src/Components/ResourceCard.js b/src/Components/ResourceCard.js index ea072ee2f98061fc4a0a36a9daddcd980c86c176..03576afd0ada0fd7794198681c73cda37cdf68b1 100644 --- a/src/Components/ResourceCard.js +++ b/src/Components/ResourceCard.js @@ -96,13 +96,13 @@ class ResourceCard extends Component { this.setState({thumbnail: `${apiDomain}` + this.props.thumbnail}); } } - {/*if (!this.state.thumbnail && !this.props.thumbnail ) { - var aux = types.find(function(element){ return element.label === type}); - this.setState({thumbnail: aux.thumb}); - } - if (!this.state.thumbnail && this.props.thumbnail ) { - this.setState({thumbnail: apiDomain + this.props.thumbnail}); - }*/} + // {/*if (!this.state.thumbnail && !this.props.thumbnail ) { + // var aux = types.find(function(element){ return element.label === type}); + // this.setState({thumbnail: aux.thumb}); + // } + // if (!this.state.thumbnail && this.props.thumbnail ) { + // this.setState({thumbnail: apiDomain + this.props.thumbnail}); + // }*/} } onHover() { this.setState({ userStyle: "animatiOn" }); diff --git a/src/Components/ResourceCardFunction.js b/src/Components/ResourceCardFunction.js index d783645d79bcc211bf48e1fc22369d885b659cce..8113aa671694a725dce337672825b74f56bf6970 100644 --- a/src/Components/ResourceCardFunction.js +++ b/src/Components/ResourceCardFunction.js @@ -22,28 +22,28 @@ import axios from 'axios' import {apiDomain, apiUrl} from '../env'; import ResourceCardOptions from './ResourceCardOptions' import noAvatar from "../img/default_profile.png"; -import { makeStyles } from '@material-ui/core/styles'; +// import { makeStyles } from '@material-ui/core/styles'; import Button from '@material-ui/core/Button'; import styled from 'styled-components' -import animacao from "../img/laranja/ANIMACAO_SIMULACAO.jpg"; -import apresentacao from "../img/laranja/APRESENTACAO.jpg"; -import aplicativo from "../img/laranja/APP.jpg"; -import audio from "../img/laranja/AUDIO.jpg"; -import vazio from "../img/laranja/EMPTY.jpg"; -import imagem from "../img/laranja/IMAGEM.jpg"; -import grafico from "../img/laranja/INFOGRAFICO.jpg"; -import jogo from "../img/laranja/JOGO.jpg"; -import livro from "../img/laranja/LIVRO_DIGITAL.jpg"; -import mapa from "../img/laranja/MAPA.jpg"; -import outros from "../img/laranja/OUTROS.jpg"; -import software from "../img/laranja/SOFTWARE.jpg"; -import texto from "../img/laranja/TEXTO.jpg"; -import video from "../img/laranja/VIDEO.jpg"; +// import animacao from "../img/laranja/ANIMACAO_SIMULACAO.jpg"; +// import apresentacao from "../img/laranja/APRESENTACAO.jpg"; +// import aplicativo from "../img/laranja/APP.jpg"; +// import audio from "../img/laranja/AUDIO.jpg"; +// import vazio from "../img/laranja/EMPTY.jpg"; +// import imagem from "../img/laranja/IMAGEM.jpg"; +// import grafico from "../img/laranja/INFOGRAFICO.jpg"; +// import jogo from "../img/laranja/JOGO.jpg"; +// import livro from "../img/laranja/LIVRO_DIGITAL.jpg"; +// import mapa from "../img/laranja/MAPA.jpg"; +// import outros from "../img/laranja/OUTROS.jpg"; +// import software from "../img/laranja/SOFTWARE.jpg"; +// import texto from "../img/laranja/TEXTO.jpg"; +// import video from "../img/laranja/VIDEO.jpg"; import Rating from '@material-ui/lab/Rating'; import StarBorderIcon from '@material-ui/icons/StarBorder'; -import AddIcon from '@material-ui/icons/CreateNewFolder'; -import Video from '@material-ui/icons/OndemandVideo'; -import MoreIcon from '@material-ui/icons/More'; +// import AddIcon from '@material-ui/icons/CreateNewFolder'; +// import Video from '@material-ui/icons/OndemandVideo'; +// import MoreIcon from '@material-ui/icons/More'; import FavoriteIcon from '@material-ui/icons/Favorite'; import ButtonGuardarColecao from './ButtonGuardarColecao.js' import Slide from '@material-ui/core/Slide'; @@ -55,17 +55,17 @@ import {getAxiosConfig} from './HelperFunctions/getAxiosConfig' import "./ResourceCard.css"; -const types = [{label: "Animação", thumb: animacao}, {label: "Apresentação", thumb: apresentacao}, -{label: "Aplicativo" , thumb: aplicativo}, {label: "Ãudio", thumb: audio}, {label: "Vazio", thumb: vazio}, {label: "Imagem", thumb: imagem}, {label: "Gráfico", thumb: grafico}, {label: "Jogo", thumb: jogo}, {label: "Livro", thumb: livro}, {label:"Livro digital", thumb: livro}, {label: "Mapa", thumb: mapa}, {label: "Outros", thumb: outros}, {label: "Software Educacional", thumb:software}, {label: "Software", thumb:software}, {label: "Texto", thumb:texto}, {label: "VÃdeo", thumb:video}] +// const types = [{label: "Animação", thumb: animacao}, {label: "Apresentação", thumb: apresentacao}, +// {label: "Aplicativo" , thumb: aplicativo}, {label: "Ãudio", thumb: audio}, {label: "Vazio", thumb: vazio}, {label: "Imagem", thumb: imagem}, {label: "Gráfico", thumb: grafico}, {label: "Jogo", thumb: jogo}, {label: "Livro", thumb: livro}, {label:"Livro digital", thumb: livro}, {label: "Mapa", thumb: mapa}, {label: "Outros", thumb: outros}, {label: "Software Educacional", thumb:software}, {label: "Software", thumb:software}, {label: "Texto", thumb:texto}, {label: "VÃdeo", thumb:video}] export default function ResourceCardFunction (props) { const [thumbnail, setThumbnail] = useState(null) + // eslint-disable-next-line const [label, setLabel] = useState(props.type) const [userAvatar, setUserAvatar] = useState(noAvatar) const [slideIn, setSlide] = useState(false) const controlSlide = () => {setSlide(!slideIn)} const [liked, toggleLiked] = useState(props.liked) - const [publisher, setPublisher] = useState(undefined) const [likesCount, setLikesCount] = useState(props.likeCount) useEffect( () => { diff --git a/src/Components/ResourceCardOptions.js b/src/Components/ResourceCardOptions.js index 53d401f0e2659ccd84189205998aaf0901ab7218..7503fec2c073b37341548b355a7fc3f23e81ebbf 100644 --- a/src/Components/ResourceCardOptions.js +++ b/src/Components/ResourceCardOptions.js @@ -26,9 +26,6 @@ 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 axios from 'axios' -import {apiUrl} from '../env'; -import {getAxiosConfig} from './HelperFunctions/getAxiosConfig' import ReportModal from './ReportModal.js' import {Link} from 'react-router-dom' import DownloadIcon from '@material-ui/icons/CloudDownload'; @@ -53,12 +50,12 @@ export default function ResourceCardOptions (props) { const [reportModal, toggleReportModal] = useState(false) const handleModalReportar = (value) => { toggleReportModal(value) - {/*if (state.currentUser.id) { - toggleReportModal(!reportModal) - } - else { - toggleLoginModal(true) - }*/} + // {/*if (state.currentUser.id) { + // toggleReportModal(!reportModal) + // } + // else { + // toggleLoginModal(true) + // }*/} } const [saveToCol, toggleSave] = useState(false) diff --git a/src/Components/ResourceList.js b/src/Components/ResourceList.js index 0121232b121521c43bfcec37aa5a45c86911abfd..77c3ce1d67be2751618ee39477a3c6cd8651a756 100644 --- a/src/Components/ResourceList.js +++ b/src/Components/ResourceList.js @@ -26,7 +26,6 @@ import CheckBoxIcon from '@material-ui/icons/CheckBox'; import GetAppIcon from '@material-ui/icons/GetApp'; import ResourceCardFunction from './ResourceCardFunction.js'; import FloatingDownloadButton from './FloatingDownloadButton.js'; -import CircularProgress from '@material-ui/core/CircularProgress'; import Snackbar from '@material-ui/core/Snackbar'; import MuiAlert from '@material-ui/lab/Alert'; import { apiUrl } from '../env.js'; @@ -59,7 +58,7 @@ export default function ResourceList(props) { } const handleDownloadSelection = () => { - const selected_resources = props.resources.filter(resource => selected[props.resources.indexOf(resource)]); + // const selected_resources = props.resources.filter(resource => selected[props.resources.indexOf(resource)]); setSnackbarOpen(true); } @@ -93,7 +92,7 @@ export default function ResourceList(props) { <Grid item> <Title> {props.resources.length ? - props.resources.length+" recurso"+(props.resources.length == 1 ? "" : "s") + props.resources.length+" recurso"+(props.resources.length === 1 ? "" : "s") : "Carregando coleção"} </Title> </Grid> @@ -159,7 +158,7 @@ export default function ResourceList(props) { Os recursos serão baixados </Alert> </Snackbar> - <FloatingDownloadButton url={download_url} empty={selected.indexOf(true) == -1}/> + <FloatingDownloadButton url={download_url} empty={selected.indexOf(true) === -1}/> </ResourceListContainer> ); } diff --git a/src/Components/ResourcePageComponents/CommentForm.js b/src/Components/ResourcePageComponents/CommentForm.js index 0b13b1479b9329bf1f31228575d829fb60f27f2a..1859e116c0028088fcbab5378ce49776151dfd0b 100644 --- a/src/Components/ResourcePageComponents/CommentForm.js +++ b/src/Components/ResourcePageComponents/CommentForm.js @@ -1,7 +1,6 @@ import React, {useState} from 'react' import styled from 'styled-components' import Rating from '@material-ui/lab/Rating'; -import StarBorderIcon from '@material-ui/icons/StarBorder'; import StarIcon from '@material-ui/icons/Star'; import TextField from "@material-ui/core/TextField"; import { Button } from '@material-ui/core'; diff --git a/src/Components/ResourcePageComponents/CommentsArea.js b/src/Components/ResourcePageComponents/CommentsArea.js index b77465f79dc00f4c46be96995667645069f0d79b..fdabf83639c62c34221ad6d5d3d093c5c1a7dba1 100644 --- a/src/Components/ResourcePageComponents/CommentsArea.js +++ b/src/Components/ResourcePageComponents/CommentsArea.js @@ -86,7 +86,7 @@ export default function CommentsArea (props) { comentarios.length !== 0 ? ( <ComentariosBox> - <h3>{comentarios.length} {comentarios.length != 1 ? 'Relatos' : 'Relato'} sobre o uso do Recurso</h3> + <h3>{comentarios.length} {comentarios.length !== 1 ? 'Relatos' : 'Relato'} sobre o uso do Recurso</h3> { comentarios.map( comentario => <div className="comentario-template" key={comentario.id}> @@ -114,7 +114,7 @@ export default function CommentsArea (props) { ( <Grid item xs={12}> <LogInToComment> - <img src={Comentarios} /> + <img alt="" src={Comentarios} /> <span className="span-laranja">Compartilhe sua experiência com a Rede!</span> <AoRelatar> Ao relatar sua experiência de uso do Recurso você estará auxiliando professores de todo paÃs. diff --git a/src/Components/ResourcePageComponents/Footer.js b/src/Components/ResourcePageComponents/Footer.js index ea2253c4718394b629ae4603ce7d1645d3142d43..a0fcbcdab1c5ded02d56b0d1e94f2aa8018d4087 100644 --- a/src/Components/ResourcePageComponents/Footer.js +++ b/src/Components/ResourcePageComponents/Footer.js @@ -26,9 +26,7 @@ import ShareIcon from '@material-ui/icons/Share'; import FolderIcon from '@material-ui/icons/Folder'; import GetAppIcon from '@material-ui/icons/GetApp'; import CallMadeIcon from '@material-ui/icons/CallMade'; -import {Link} from 'react-router-dom' import ReportModal from '../ReportModal.js' -import ReportRecursoForm from '../ReportRecursoForm.js' import ShareModal from '../ShareModal.js' import GuardarModal from '../GuardarModal.js' import RedirectModal from '../RedirectModal' diff --git a/src/Components/ResourcePageComponents/Sobre.js b/src/Components/ResourcePageComponents/Sobre.js index 1b4bfa627f4d5d8d4b8b2c612c607845c706b4c7..0ff18fa7343d7125f803e2cdd9467c6ab11d7ee1 100644 --- a/src/Components/ResourcePageComponents/Sobre.js +++ b/src/Components/ResourcePageComponents/Sobre.js @@ -22,7 +22,6 @@ import styled from 'styled-components' import Grid from '@material-ui/core/Grid'; import {Link} from 'react-router-dom' import {NoIcon} from '../ContactButtons/FollowButton.js' -import MoreVertIcon from '@material-ui/icons/MoreVert'; import Collapse from '@material-ui/core/Collapse'; import SdCardIcon from '@material-ui/icons/SdCard'; import TranslateIcon from '@material-ui/icons/Translate'; @@ -198,7 +197,7 @@ export default function Sobre (props) { <div style={{paddingTop : "0.75em", display : "flex", justifyContent : "center"}}> { - (props.id != state.currentUser.id) && + (props.id !== state.currentUser.id) && <> <NoIcon followableID={props.id}/> <ContactCardOptions followableID={props.id}/> diff --git a/src/Components/ResourcePageComponents/TextoObjeto.js b/src/Components/ResourcePageComponents/TextoObjeto.js index 5c7c400f5a279838b28a7c11b4a3aa34b72caa1e..5b5bc3cdefe384f9a579681ba24fc6f5d637018d 100644 --- a/src/Components/ResourcePageComponents/TextoObjeto.js +++ b/src/Components/ResourcePageComponents/TextoObjeto.js @@ -31,7 +31,7 @@ import Alert from '../Alert.js'; import Snackbar from '@material-ui/core/Snackbar'; import {getAxiosConfig} from '../HelperFunctions/getAxiosConfig' import axios from 'axios' -import {apiUrl, apiDomain} from '../../env'; +import {apiUrl} from '../../env'; export default function TextoObjeto (props) { const {state} = useContext(Store) @@ -52,6 +52,7 @@ export default function TextoObjeto (props) { else { outrasTem.push(subject.name) } + return undefined }) setOutrasTem(outrasTem.join(' - ')) setCompCurr(compCurr.join(' - ')) @@ -98,7 +99,7 @@ export default function TextoObjeto (props) { } const checkAccessLevel = (levelToCheck) => { - if (state.currentUser.id != '') { + if (state.currentUser.id !== '') { return(checkUserRole(levelToCheck)) } else { diff --git a/src/Components/ResourcePageComponents/VideoPlayer.js b/src/Components/ResourcePageComponents/VideoPlayer.js index 35e3846f6ea03a5015cf94121b69e4c3f2546180..940917df9190d882df8c4d5f77798cbe04b4bb93 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/SearchExpansionPanel/SearchEPCompCurriculum.js b/src/Components/SearchExpansionPanel/SearchEPCompCurriculum.js index fef89eecf3a754b14304a4ad97a9c0ae29a49eb4..180eaeef90d4ec92d3c6fa367cb0eb22489d3ef9 100644 --- a/src/Components/SearchExpansionPanel/SearchEPCompCurriculum.js +++ b/src/Components/SearchExpansionPanel/SearchEPCompCurriculum.js @@ -35,7 +35,7 @@ export default function SearchEPCompCurriculum(props) { setChecked(newChecked); for(let i = 0; i < newChecked.length; i++){ - if(newChecked[i] != 0){ + if(newChecked[i] !== 0){ filterString = filterString + `&subjects[]=${newChecked[i]}` console.log(filterString) } diff --git a/src/Components/SearchExpansionPanel/SearchEPIdiomas.js b/src/Components/SearchExpansionPanel/SearchEPIdiomas.js index 73d04d57a93a57983d820d3a48ac5cc21dff8d13..e9bcacf38c6cbd138fb2e6c59cc52e53c3e5fce3 100644 --- a/src/Components/SearchExpansionPanel/SearchEPIdiomas.js +++ b/src/Components/SearchExpansionPanel/SearchEPIdiomas.js @@ -35,7 +35,7 @@ export default function SearchEPIdiomas(props) { let filterString = ""; for(let i = 0; i < newChecked.length; i++){ - if(newChecked[i] != 0){ + if(newChecked[i] !== 0){ filterString = filterString + `&languages[]=${newChecked[i]}` console.log(filterString) } diff --git a/src/Components/SearchExpansionPanel/SearchEPTiposRec.js b/src/Components/SearchExpansionPanel/SearchEPTiposRec.js index e1a3f999fe4781aa6546fb6d3961a3400af25fc3..8dc4fcf6782641ca5bee2916a75c75050f6f298c 100644 --- a/src/Components/SearchExpansionPanel/SearchEPTiposRec.js +++ b/src/Components/SearchExpansionPanel/SearchEPTiposRec.js @@ -35,7 +35,7 @@ export default function SearchEPTiposRec(props) { setChecked(newChecked); for(let i = 0; i < newChecked.length; i++){ - if(newChecked[i] != 0){ + if(newChecked[i] !== 0){ filterString = filterString + `&object_types[]=${newChecked[i]}` console.log(filterString) } diff --git a/src/Components/SearchExpansionPanel/SesrchEPEtapasEns.js b/src/Components/SearchExpansionPanel/SesrchEPEtapasEns.js index 6588853d35607337a1ef394266eab3fcfe3293eb..b08fdb680ae4e0e7be65c4c327adf8b34b96b39c 100644 --- a/src/Components/SearchExpansionPanel/SesrchEPEtapasEns.js +++ b/src/Components/SearchExpansionPanel/SesrchEPEtapasEns.js @@ -35,7 +35,7 @@ export default function SearchEPEtapasEns(props) { let filterString = ""; for(let i = 0; i < newChecked.length; i++){ - if(newChecked[i] != 0){ + if(newChecked[i] !== 0){ filterString = filterString + `&educational_stages[]=${newChecked[i]}` } } diff --git a/src/Components/ShareModal.js b/src/Components/ShareModal.js index fd9e6441c4bf4b0ecc52d8d9f3eb3e38b72b92c0..4089314b3fb30149b211bd7b3d83a4e1b016c033 100644 --- a/src/Components/ShareModal.js +++ b/src/Components/ShareModal.js @@ -22,9 +22,6 @@ 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 SignUpContainer from './SignUpContainerFunction.js' -import {Store} from '../Store.js' -import axios from 'axios' import {apiDomain} from '../env'; import Grid from '@material-ui/core/Grid'; import Facebook from '../img/facebook.svg' @@ -78,6 +75,7 @@ export default function ReportModal (props) { <Grid item xs={4}> <a href={"https://www.facebook.com/sharer/sharer.php?u=" + props.link} + rel="noreferrer" target="_blank"> <ShareButton> <img src={Facebook} alt="facebook-logo"/> @@ -90,6 +88,7 @@ export default function ReportModal (props) { <Grid item xs={4}> <a href={"https://www.twitter.com/intent/tweet?url=" + props.link} + rel="noreferrer" target="_blank"> <ShareButton> <img src={Twitter} alt="twitter-logo"/> @@ -208,16 +207,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/SignUpContainerFunction.js b/src/Components/SignUpContainerFunction.js index 7f49992a254ab10e2e4d38d295a8e390925525e5..19ec20363c139c803bfd66c9f5807f83ce52a35e 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 7f5da85dc55eb3e2260375b15f9ee5037041eef8..d5d26a54fbe21f8e5d33be7c9514376a81f2bcc3 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 c550c2d94f110930e42ea057d6e47d737ab12353..b1315b9844bdd5726e5b7589c1adf6be80d87417 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 3d9ca95a54437548d1d18f01dfabe7a0a12c738e..f3f22b5695349341eaab3a7bb80bd3c0a7875749 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/PanelComponents/NoContent.js b/src/Components/TabPanels/PanelComponents/NoContent.js index 60c8d76d0e2e952467399bb766ab3e46ddcc2ac1..ef129ecef30c18abc9ab58d501330ab8b778678f 100644 --- a/src/Components/TabPanels/PanelComponents/NoContent.js +++ b/src/Components/TabPanels/PanelComponents/NoContent.js @@ -51,8 +51,8 @@ export const DivTextoNoPublications = styled.div` padding-right : 15px; ` -{/*const DivConteudoNaoPublicado = styled.div` - position : relative; - top : 50%; - transform : translateY(-50%); -`*/} +// {/*const DivConteudoNaoPublicado = styled.div` +// position : relative; +// top : 50%; +// transform : translateY(-50%); +// `*/} diff --git a/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js b/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js index adbb081b52b6539ef10ce85b685c4831f03aa1eb..3aab2492a7eb15ad72766c1a8506520d3489ae5c 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/PublicUserPageTabs/LastLearnObj.js b/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js index d1c3b1315e2a13da178548ceb5259e4bc47f2a63..044ebc5bf03964c7290da1c41bc5fc1d7a1c62d0 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js +++ b/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js @@ -22,7 +22,7 @@ export default function LastLearnObjs (props) { </HeaderGrid> { - props.count == 0 ? + props.count === 0 ? ( [ <Grid container> diff --git a/src/Components/TabPanels/PublicUserPageTabs/TabColecoes.js b/src/Components/TabPanels/PublicUserPageTabs/TabColecoes.js index d7d1ddac544dd65b4943b925a3ce03fea4b3ec62..3622356c42741f668544d26565a31a3825848ae4 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/TabColecoes.js +++ b/src/Components/TabPanels/PublicUserPageTabs/TabColecoes.js @@ -1,5 +1,4 @@ import React, {useState, useEffect} from 'react' -import styled from 'styled-components' import {HeaderGrid, ContainerStyled, Carregados} from '../StyledComponents.js' import Grid from '@material-ui/core/Grid'; import CollectionCardFunction from '../../CollectionCardFunction.js' diff --git a/src/Components/TabPanels/PublicUserPageTabs/TabInicio.js b/src/Components/TabPanels/PublicUserPageTabs/TabInicio.js index f0febf175a58638dde9ae48b71810da80bb62255..9e3cd80b7343218d3110cf687e0b96bce7ee55bd 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/TabInicio.js +++ b/src/Components/TabPanels/PublicUserPageTabs/TabInicio.js @@ -32,7 +32,7 @@ export function NoContent (props) { return ( <NoContentContainer> <div style={{paddingTop : "1em"}}> - <img src={props.image} style={{width : "130px", verticalAlign : "middle", border : "0"}}/> + <img alt="" src={props.image} style={{width : "130px", verticalAlign : "middle", border : "0"}}/> <h3> {props.text1} </h3> @@ -54,7 +54,7 @@ export default function TabInicio (props) { <UserDescription text={props.user.description}/> } { - props.user.learning_objects_count == 0 && props.user.collections_count == 0 ? + props.user.learning_objects_count === 0 && props.user.collections_count === 0 ? ( [ <ContainerStyled> diff --git a/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js b/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js index ce445d9ad57aa2b6627018314a45741b23ad1b5b..6f2a08ba5c7ac1aadb39eb24550d70000b652f87 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js +++ b/src/Components/TabPanels/PublicUserPageTabs/TabRecursos.js @@ -1,5 +1,4 @@ import React, {useState, useEffect} from 'react' -import styled from 'styled-components' import {HeaderGrid, ContainerStyled, Carregados} from '../StyledComponents.js' import Grid from '@material-ui/core/Grid'; import ResourceCardFunction from '../../ResourceCardFunction.js' diff --git a/src/Components/TabPanels/PublicUserPageTabs/TabRede.js b/src/Components/TabPanels/PublicUserPageTabs/TabRede.js index ac1d3a0694d125c1beb4131f8ad9ebc02819772e..b3dea17eb8b0c7943b3be4e8c7506c7f162c6004 100644 --- a/src/Components/TabPanels/PublicUserPageTabs/TabRede.js +++ b/src/Components/TabPanels/PublicUserPageTabs/TabRede.js @@ -1,6 +1,6 @@ import React, {useState, useEffect} from 'react' import axios from 'axios' -import {apiUrl, apiDomain} from '../../../env'; +import {apiUrl} from '../../../env'; import PanelTemplateRede from '../PanelComponents/TemplateRede.js' const getConfig = () => { diff --git a/src/Components/TabPanels/StyledComponents.js b/src/Components/TabPanels/StyledComponents.js index 2570be1d40a302c096a4432e8feede85b95f3685..9816407c1b6108c9b4193f2f193c02370aa31021 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/TabPanelStatusEConquistas.js b/src/Components/TabPanels/TabPanelStatusEConquistas.js index 00a3a1f234162ecfb29633818e7a5f1497a34c12..2617f8a7884e503a540010e73c0a41101a373b39 100644 --- a/src/Components/TabPanels/TabPanelStatusEConquistas.js +++ b/src/Components/TabPanels/TabPanelStatusEConquistas.js @@ -1,12 +1,8 @@ import React, {useContext, useState, useEffect} from 'react' import { Store } from '../../Store.js' 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 {ContainerDivStyled} from './StyledComponents.js' -import LoadingSpinner from '../LoadingSpinner.js' -import PaginaVaziaColecao from '../../img/Pagina_vazia_colecao.png' import axios from 'axios' import {apiUrl} from '../../env'; import LevelDescriptionCard from '../LevelDescriptionCard.js' @@ -14,11 +10,17 @@ import AchievementDescriptionCard from '../AchievementDescriptionCard.js' import { Grid } from '@material-ui/core' export default function TabPanelStatusEConquistas (props) { + // eslint-disable-next-line const [achievements, setAchievements] = useState([]); + // eslint-disable-next-line const [level, setLevel] = useState(0); + // eslint-disable-next-line const [xp, setXP] = useState(0); + // eslint-disable-next-line const [coins, setCoins] = useState(0); + // eslint-disable-next-line const [barSize, setBarSize] = useState(0); + // eslint-disable-next-line const [xpToNextLevel, setXpToNextLevel] = useState(0); const { state } = useContext(Store) diff --git a/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js b/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js index 6d746d03a3a671996886376b606646904b345283..6d15099126be1f6637d77c754b1b21ddcb97284b 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 3f3632dd609ec9598fc0ab201a81f872ca060d85..0c9d8da9915f980bbc58bae8ca3db6329852fbad 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 4e58cd17c41842a5f32d4306488e57410ead2529..06ea8fd64e432c03d9e78cb5c6db9a0e42164c37 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/PanelEditarPerfil.js b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js index 4f6030b43b6799661b2517d909a89a5b567e6fdf..9e0560fdd69027c17e4772c4e47008e41fe44d16 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js +++ b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js @@ -30,6 +30,7 @@ import {apiDomain} from '../../../env.js' export default function TabPanelEditarPerfil (props) { + // eslint-disable-next-line const {state, dispatch} = useContext(Store) const [hoverAlterarFoto, handleAlterarFoto] = React.useState(false) diff --git a/src/Components/TabPanels/UserPageTabs/PanelFavoritos.js b/src/Components/TabPanels/UserPageTabs/PanelFavoritos.js index 838382a372d38a0bbac55a335b4e7a7418403f34..75c96c274591601bbae7f9aecdda802ed2b1a56b 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 0726f2c3db218e54a0762813501bc02928e7b7f2..421cadcd8bc676243b9147e06b3c00b31f545069 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 f6d349b9ed274569a5bb33190618680f9c764e56..464b40c3e7d96edc88a9a74882b60c7b71098e3e 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/TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js b/src/Components/TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js index 83f116f0c9d93cde0edc84f369ad3769c95b5830..769977a5e3fc95490fa1c257a059f9dc1719a073 100644 --- a/src/Components/TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js +++ b/src/Components/TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js @@ -26,6 +26,7 @@ import Button from '@material-ui/core/Button'; //Professor em análise (submitter_request = requested) //Professor aceito (submitter_request = accepted) export default function TabPanelSolicitarContaProfessor (props) { + // eslint-disable-next-line const {state, dispatch} = useContext(Store) return ( diff --git a/src/Components/TermsPageContent.js b/src/Components/TermsPageContent.js index 25b597cd86b1d2f5d62f3875c00966189b823731..918e040b626542c98ed6ecd83c739ac7d199ec0b 100644 --- a/src/Components/TermsPageContent.js +++ b/src/Components/TermsPageContent.js @@ -1,16 +1,6 @@ import React from 'react'; import Typography from '@material-ui/core/Typography'; import CardContent from '@material-ui/core/CardContent'; -import styled from 'styled-components' - -const h3Styled = styled.h3` - font-size: 24px; - align-self: center; -` - -const h4Styled = styled.h4` - font-size: 24px; -` export default function TermsPageContent () { return ( diff --git a/src/Components/TopicCard.js b/src/Components/TopicCard.js index a0ac85d6beb192e2d758a535e83da32acf983e93..c0f25eaceecafa88bf9d8d07914dbc26dbea6efa 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 ffbcb9e1dce0a48b5945093a3188851f851323db..2e04b8b1628e7127cd193a5e479e864572ea8884 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 422ae787153c95ef2ea26d23437bebdfec0d33d2..77b8e4687255081a5bf4454a88777fafea31b6e3 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 8add164e3a46bcef35c155d223f788a682af6c5f..975017b04f81bfccc588aa30fbc46ee0e35bdcdc 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 ef282d1de8b75c8d3b1372fc3fdd38f5aeb6198d..52a14ae21b18fb4c190effa4ba4d9ecfaca6d1f0 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/Autor.js b/src/Components/UploadPageComponents/Forms/Autor.js index 9b8c77e0e91347a5ae1460f4e45b9e1799c22972..30a3535b04fc2f2e4f0790227f4c9f61e8d40bb4 100644 --- a/src/Components/UploadPageComponents/Forms/Autor.js +++ b/src/Components/UploadPageComponents/Forms/Autor.js @@ -21,8 +21,7 @@ import {Store} from '../../../Store.js' import { withStyles } from '@material-ui/core/styles'; import FormControl from '@material-ui/core/FormControl'; -import {StyledTextField, StyledFormLabel, OutroAutorTextField} from '../StyledComponents.js' -import FormHelperText from '@material-ui/core/FormHelperText'; +import { StyledFormLabel, OutroAutorTextField} 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/Forms/Idioma.js b/src/Components/UploadPageComponents/Forms/Idioma.js index ced59ebd7233165a30cb9dfa6b804633054bb014..7d033a44d9ef18c7ffdd55f5b7894176077d3e7d 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 238d0b7a42aead95b8f4fcc5778796c05bb7600a..34c7b8ec36103d4eb27f1fbba515f2cd686ffdad 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 93ea7daab57031935510a63cf5794039c69fcf6c..ff82f818fac17ad111411b65ba4505dd3215fcc9 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 55474c92981e3229868b4b02538a06aa6cd8b9bf..5082742a016e1434fc7b6b1ba13ee25fa5e8e776 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/GetIconByName.js b/src/Components/UploadPageComponents/GetIconByName.js index 2d4bb7c6c5fbe268131da5cbbf09acbd9357835c..b5f8e8404126abedb86ef16fac02a25b016c0a71 100644 --- a/src/Components/UploadPageComponents/GetIconByName.js +++ b/src/Components/UploadPageComponents/GetIconByName.js @@ -45,79 +45,54 @@ export function GetSubjectIconByName (subjName) { switch (subjName) { case "Arte": return <Arte className="icon"/> - break; case "Biologia": return <Biologia className="icon"/> - break; case "Ciências da Natureza": return <CienciasNatureza className="icon"/> - break; case "Direitos Humanos": return <DireitosHumanos className="icon"/> - break; case "Educação Ambiental": return <EducacaoAmbiental className="icon"/>; - break; case "Educação do Campo": return <EducacaoCampo className="icon"/>; - break; case "Educação Especial": return <EducacaoEspecial className="icon"/>; - break; case "Educação FÃsica": return <EducacaoFisica className="icon"/>; - break; case "Educação IndÃgena": return <EducacaoIndigena className="icon"/>; - break; case "Educação Quilombola": return <EducacaoQuilombola className="icon"/>; - break; case "Educação Sexual": return <EducacaoSexual className="icon"/>; - break; case "Ensino Religioso": return <EnsinoReligioso className="icon"/>; - break; case "Filosofia": return <Filosofia className="icon"/>;; - break; case "FÃsica": return <Fisica className="icon"/>; - break; case "Geografia": return <Geografia className="icon"/>; - break; case "História": return <Historia className="icon"/>; - break; case "Informática": return <Informatica className="icon"/>; - break; case "LÃngua Espanhola": return <LinguaEspanhola className="icon"/>; - break; case "LÃngua Inglesa": return <LinguaInglesa className="icon"/>; - break; case "LÃngua Portuguesa": return <LinguaPortuguesa className="icon"/>; - break; case "Matemática": return <Matematica className="icon"/>; - break; case "Outras LÃnguas": return <OutrasLinguas className="icon"/>; - break; case "QuÃmica": return <Quimica className="icon"/>; - break; case "Sociologia": return <Sociologia className="icon"/>; - break; default: return <Outros className="icon"/>; - break; } } @@ -125,43 +100,30 @@ export default function GetIconByName (objName) { switch (objName.toLowerCase()) { case "imagem": return <ImagemIcon className="icon" />; - break; case "mapa": return <MapaIcon className="icon"/>; - break; case "software educacional" : return <SoftwareEducacionalIcon className="icon"/>; - break; case "aplicativo móvel": return <AplicativoMovelIcon className="icon"/>; - break; case "apresentação": return <ApresentacaoIcon className="icon"/>; - break; case "áudio": return <AudioIcon className="icon"/>; - break; case "infográfico": return <InfograficoIcon className="icon"/>; - break; case "jogo": return <JogoIcon className="icon"/>; - break; case "livro digital" : return <LivroDigitalIcon className="icon"/>; - break; case "texto": return <TextoIcon className="icon"/>; - break; case "vÃdeo": return <VideoIcon className="icon"/>; - break; case "animação": return <AnimacaoIcon className="icon"/>; - break; default: return <OutrosIcon className="icon"/>; - break; } } diff --git a/src/Components/UploadPageComponents/ModalCancelar.js b/src/Components/UploadPageComponents/ModalCancelar.js index 44f17b032ed9e8b67ba0de04fc913c702b8b0db9..5906286e347fc1f1261ca592858f2cecda7d8588 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 bd02f792230d6f69971c805b054fc3c137544f29..46540f49752bbf87084cde65ad3c0234a3ca57d4 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/PartThree.js b/src/Components/UploadPageComponents/PartThree.js index cce31c71977d064486e3f4253e5e9006c6833abd..3a2608c70375de6315c940474c126e1323f233f6 100644 --- a/src/Components/UploadPageComponents/PartThree.js +++ b/src/Components/UploadPageComponents/PartThree.js @@ -39,7 +39,6 @@ import {getDefaultThumbnail} from '../HelperFunctions/getDefaultThumbnail' export default function PartThree (props) { var moment = require('moment') - const now = moment() const {state} = useContext(Store) const [loading, setLoading] = useState(true) @@ -74,7 +73,7 @@ export default function PartThree (props) { const [modalCancelar, toggleModalCancelar] = useState(false) const checkAccessLevel = (levelToCheck) => { - if (state.currentUser.id != '') { + if (state.currentUser.id !== '') { return(checkUserRole(levelToCheck)) } } @@ -109,7 +108,7 @@ export default function PartThree (props) { <CaixaContainer> <div> <div className="cabecalho-objeto"> - <img className="img-objeto" + <img alt="" className="img-objeto" src={draft.thumbnail === null ? getDefaultThumbnail(draft.object_type) : apiDomain + draft.thumbnail}/> <div className="texto-objeto"> <h3>{draft.name}</h3> diff --git a/src/Components/UploadPageComponents/PartTwo.js b/src/Components/UploadPageComponents/PartTwo.js index 29374bd7c875625165f5f0a14c02d3284f463539..02a83da82ea0e4a689d8949d7b063afae5a7435d 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/DisplayThumbnail.js b/src/Components/UploadPageComponents/PartTwoComponents/DisplayThumbnail.js index cc123a4c47254ea324aa5b6e68df5614e08bd4ac..261df04c61d83f1820446af0362c8bb51ad791b5 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/DisplayThumbnail.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/DisplayThumbnail.js @@ -32,7 +32,7 @@ export default function DisplayThumbnail (props) { <ImagemCarregada container> <Grid item xs={windowWidth > 990 ? 6 : 12}> <div className="img-preview"> - <img src={props.thumbnail}/> + <img alt="" src={props.thumbnail}/> <div className="alterar-imagem"> <input type="file" onChange = {(e) => handleUpload(e, e.target.files)} id="upload-file-thumbnail" style={{display : "none"}} /> diff --git a/src/Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail.js b/src/Components/UploadPageComponents/PartTwoComponents/DragAndDropThumbnail.js index f72f957dff64f132f68349fa66249bbbd574a10d..59423e607f7d2395c498a12f7e2a2f6efc5e7e5a 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 0935c3aa5a92bed3646f4d1a2e692693543cc12b..96da308ae7eaf9c2eb942033bf707f567649e3ff 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 56454430d871c6765abb56a45655d341115231e2..9e8e059aed392a5791d6e11ee8e1b492803585eb 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 aa50529d1679efd8156892f7f36e99ed684240e2..326dec2320b864be6820e9ec1182db9aa2066688 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 99d6a2ad0eda450e292fcdd87c77ec1cf2eef267..c931c5ba84cb7af7fa350c6a6aef8afcd5511ba4 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/Stepper.js b/src/Components/UploadPageComponents/Stepper.js index f67809843a6b64c58808fcd9a655c87705579a92..2c0a1179b5e2b28bd2510183fb7f67ab37ae907c 100644 --- a/src/Components/UploadPageComponents/Stepper.js +++ b/src/Components/UploadPageComponents/Stepper.js @@ -1,18 +1,12 @@ import React from 'react'; import styled from 'styled-components' import PropTypes from 'prop-types'; -import { makeStyles, withStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@material-ui/core/styles'; import clsx from 'clsx'; import Stepper from '@material-ui/core/Stepper'; import Step from '@material-ui/core/Step'; import StepLabel from '@material-ui/core/StepLabel'; import Check from '@material-ui/icons/Check'; -import SettingsIcon from '@material-ui/icons/Settings'; -import GroupAddIcon from '@material-ui/icons/GroupAdd'; -import VideoLabelIcon from '@material-ui/icons/VideoLabel'; -import StepConnector from '@material-ui/core/StepConnector'; -import Button from '@material-ui/core/Button'; -import Typography from '@material-ui/core/Typography'; const useColorlibStepIconStyles = makeStyles({ root: { @@ -73,51 +67,51 @@ ColorlibStepIcon.propTypes = { icon: PropTypes.node, }; -const useStyles = makeStyles((theme) => ({ - root: { - width: '100%', - }, - button: { - marginRight: theme.spacing(1), - }, - instructions: { - marginTop: theme.spacing(1), - marginBottom: theme.spacing(1), - }, -})); +// const useStyles = makeStyles((theme) => ({ +// root: { +// width: '100%', +// }, +// button: { +// marginRight: theme.spacing(1), +// }, +// instructions: { +// marginTop: theme.spacing(1), +// marginBottom: theme.spacing(1), +// }, +// })); function getSteps() { return ['Select campaign settings', 'Create an ad group', 'Create an ad']; } -function getStepContent(step) { - switch (step) { - case 0: - return 'Select campaign settings...'; - case 1: - return 'What is an ad group anyways?'; - case 2: - return 'This is the bit I really care about!'; - default: - return 'Unknown step'; - } -} +// function getStepContent(step) { +// switch (step) { +// case 0: +// return 'Select campaign settings...'; +// case 1: +// return 'What is an ad group anyways?'; +// case 2: +// return 'This is the bit I really care about!'; +// default: +// return 'Unknown step'; +// } +// } export default function CustomizedSteppers(props) { - const classes = useStyles(); + // const classes = useStyles(); const steps = getSteps(); -{/* const handleNext = () => { - setActiveStep((prevActiveStep) => prevActiveStep + 1); - }; +// {/* const handleNext = () => { +// setActiveStep((prevActiveStep) => prevActiveStep + 1); +// }; - const handleBack = () => { - setActiveStep((prevActiveStep) => prevActiveStep - 1); - }; +// const handleBack = () => { +// setActiveStep((prevActiveStep) => prevActiveStep - 1); +// }; - const handleReset = () => { - setActiveStep(0); - };*/} +// const handleReset = () => { +// setActiveStep(0); +// };*/} return ( diff --git a/src/Components/UploadPageComponents/StyledComponents.js b/src/Components/UploadPageComponents/StyledComponents.js index 2bac9300c9e0085b20b308ad48c4714c1796faec..944e96cfc068b0c4ecd38eeb30f44932991ee583 100644 --- a/src/Components/UploadPageComponents/StyledComponents.js +++ b/src/Components/UploadPageComponents/StyledComponents.js @@ -22,7 +22,6 @@ import { Button } from '@material-ui/core'; import TextField from '@material-ui/core/TextField'; import FormHelperText from '@material-ui/core/FormHelperText'; import FormLabel from '@material-ui/core/FormLabel'; -import NativeSelect from '@material-ui/core/NativeSelect'; import { makeStyles } from '@material-ui/core/styles'; import Radio from '@material-ui/core/Radio'; import GetIconByName from './GetIconByName.js' @@ -395,12 +394,6 @@ export const StyledTextField = styled(TextField)` } ` - - const StyledNativeSelect = styled(NativeSelect)` - .MuiInput-underline::after { - border-bottom: 1px solid #00bcd4 !important; - } - ` const useStyles = makeStyles({ root: { '&:hover': { diff --git a/src/Components/UploadPageComponents/UploadFileWrapper.js b/src/Components/UploadPageComponents/UploadFileWrapper.js index 4219c73f7fe0b145115157da045a98947aea62bb..d93e8d47f1d254a40b927f3ade1098d832a90f7e 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 701092103949ec94cd529977d44b2396205e7fae..a1cb24cacd862255d52b5be8d0acbcbb6bf9ed91 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 d52aa5b8484566c47d9a9697693a894b23d84fe3..afecba1416e118f4418d68a4bdc388612dd26597 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 1d339373ed7bf62f233f751abf7fbe286f231cd1..6fd3c539e020fc7e64bc674b3724f0ca746db932 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 435b369560774f2342c7a8ec1676564d2ae3f1db..7795a90df8376ca052eb13013c1771b1c522d03a 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 4d588ad9df50b20b55d17be5f33f6230a63c4f7d..e8c57d2e26d0b765e23b021e57ff7edd3d4f026a 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 4f10f78403c02603b95d1d6355fd9c25a3333df8..a2dbb7efc0d8250abaabc294032b0188242fae5c 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/CollectionPage.js b/src/Pages/CollectionPage.js index 37cd3daf5a35133134e97b90b7385f8439c7742d..123f6c6a4be006f4807aa5625e940cbc0d9ed5e0 100644 --- a/src/Pages/CollectionPage.js +++ b/src/Pages/CollectionPage.js @@ -24,8 +24,6 @@ import CollectionDescription from '../Components/CollectionDescription.js'; import ResourceList from '../Components/ResourceList.js'; import CollectionCommentSection from '../Components/CollectionCommentSection.js'; import { apiUrl, apiDomain } from '../env'; -import CircularProgress from '@material-ui/core/CircularProgress'; -import GetAppIcon from '@material-ui/icons/GetApp'; import styled from 'styled-components'; import DowloadButton from '../Components/CollectionDowloadButton.js'; import Breadcrumbs from "@material-ui/core/Breadcrumbs"; @@ -189,10 +187,6 @@ export default function CollectionPage(props) { ); } -const mainContainerStyle = { - marginTop: '5%', -} - const StyledBreadCrumbs = styled(Breadcrumbs)` display: flex; justify-content: flex-start; @@ -211,8 +205,4 @@ const BreadCrumbsDiv = styled.div` display: flex; `; -const TopInfos = styled(Grid)` - marginTop: 0; - marginLeft: 20; -` diff --git a/src/Pages/EditLearningObjectPage.js b/src/Pages/EditLearningObjectPage.js index 76a20246be0ce4cdc91b346410a471509a2ae358..7f4e39ba6bd45cd6b6a48efb5d993c7a69251076 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 35d8e5632a01d89fc375c538933aae0570e127c5..b91d0c4d6186cf0d394d1e887e3f9f630d8a6195 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 f43a3551e73f5c05caf61362556937e61e5c924e..9f59d62f31a3715411690515a2e3dea43b9a6303 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 fb7f99d736956093bb8be29401e2af2c836f6aad..2e8d75c00321fc0bd3d738730bc43f9dfb430b51 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 4151f5d7e5ff0d6921deed2be52f1b519343c055..a082dce11815138a40eb343c1b81b1958bde2b84 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 ce8855c0306f2542b67b0f2db18bf2d0f1086a8b..45c3649d1a69a5535dcaee82960343f373527745 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/PageProfessor.js b/src/Pages/PageProfessor.js index 8a2783de2e3ce40c466d4747f56d2565bcd3d377..6c2f45380a19d8ced2e175add35b0387931b0f32 100644 --- a/src/Pages/PageProfessor.js +++ b/src/Pages/PageProfessor.js @@ -1,6 +1,5 @@ import React, {useState,useContext} from 'react' import {Store} from '../Store.js' -import styled from 'styled-components' import Paper from '@material-ui/core/Paper'; import PartOne from '../Components/PageProfessorComponents/PartOne.js' import PartTwo from '../Components/PageProfessorComponents/PartTwo.js' diff --git a/src/Pages/PasswordRecoveryPage.js b/src/Pages/PasswordRecoveryPage.js index 82038103ec38d07b3cedb99394d567b9f62b2f22..a2691a50b901e88c2ab24aa323d07894ddf85bc3 100644 --- a/src/Pages/PasswordRecoveryPage.js +++ b/src/Pages/PasswordRecoveryPage.js @@ -1,22 +1,17 @@ -import React, {useState, useContext} from 'react' +import React, {useState} from 'react' import {BackgroundDiv} from '../Components/TabPanels/StyledComponents.js' -import {Link} from 'react-router-dom' import Paper from '@material-ui/core/Paper'; import styled from 'styled-components' -import FormInput from "../Components/FormInput.js" import ValidateUserInput from '../Components/FormValidationFunction.js' -import {CompletarCadastroButton} from '../Components/TabPanels/UserPageTabs/PanelSolicitarContaProfessor.js' import Default from '../Components/PasswordRecoveryComponents/Default.js' import Success from '../Components/PasswordRecoveryComponents/Success.js' import CaseError from '../Components/PasswordRecoveryComponents/Error.js' -import {Store} from '../Store.js' import CustomizedBreadcrumbs from '../Components/TabPanels/Breadcrumbs.js' -import {apiUrl, apiDomain} from '../env'; +import {apiUrl} from '../env'; import axios from 'axios' export default function PasswordRecoveryPage (props) { - const {state, dispatch} = useContext(Store) const [formEmail, setEmail] = useState( { @@ -70,13 +65,10 @@ export default function PasswordRecoveryPage (props) { switch(value) { case 'success': return components.success; - break; case 'error': return components.error; - break; default: return components.default - break; } } diff --git a/src/Pages/PublicUserPage.js b/src/Pages/PublicUserPage.js index 2c38097a295c96674ee4935aa944af8a223181c7..6ff59cb44ae98e984a0401c41bafde8d921a3900 100644 --- a/src/Pages/PublicUserPage.js +++ b/src/Pages/PublicUserPage.js @@ -21,15 +21,12 @@ import styled from 'styled-components' import axios from 'axios' import {apiUrl, apiDomain} from '../env'; import CustomizedBreadcrumbs from '../Components/TabPanels/Breadcrumbs.js' -import {Link} from 'react-router-dom'; import Grid from '@material-ui/core/Grid'; import FollowButton from '../Components/ContactButtons/FollowButton.js' import FollowingButton from '../Components/ContactButtons/FollowingButton.js' import FollowersCountButton from '../Components/ContactButtons/FollowersCountButton.js' import noAvatar from "../img/default_profile.png"; -import Button from '@material-ui/core/Button'; import Tab from '@material-ui/core/Tab'; -import Tabs from '@material-ui/core/Tabs'; import TabInicio from '../Components/TabPanels/PublicUserPageTabs/TabInicio.js' import TabRecursos from '../Components/TabPanels/PublicUserPageTabs/TabRecursos.js' import TabColecoes from '../Components/TabPanels/PublicUserPageTabs/TabColecoes.js' @@ -88,7 +85,7 @@ const RenderCheckTeacher = (submitter_request) => { <CheckTeacherDiv> <p> <span> - <img src={CheckDecagram}/> + <img alt="" src={CheckDecagram}/> </span> Professor(a) </p> @@ -107,6 +104,7 @@ export default function PublicUserPage (props) { /*---------------------------------------------------------*/ /*content control variables--------------------------------*/ + // eslint-disable-next-line const [tabs, setTabs] = useState([ 'InÃcio', 'Recursos', 'Coleções', 'Rede' ]) @@ -194,7 +192,7 @@ export default function PublicUserPage (props) { { tabs.map( (tab) => <Tab label={tab} key={tab} - disabled={tab === "Recursos" && learningObjArr.length === 0 || tab === "Coleções" && collectionsArr.length === 0} + disabled={(tab === "Recursos" && learningObjArr.length === 0) || (tab === "Coleções" && collectionsArr.length === 0)} /> ) } diff --git a/src/Pages/ResourcePage.js b/src/Pages/ResourcePage.js index 9ed188d5fd6539de5da9d98253e1921c5f91a3b2..546cffcdb415f4ce53b0becdad0dc9e1eff83c1a 100644 --- a/src/Pages/ResourcePage.js +++ b/src/Pages/ResourcePage.js @@ -70,7 +70,7 @@ export default function LearningObjectPage (props){ setRecurso(response.data) toggle(false) }, (error) => {console.log(error);}) - }, [, state.currentUser]) + }, [state.currentUser]) const [snackbarOpen, toggleSnackbar] = useState(false) @@ -88,7 +88,7 @@ export default function LearningObjectPage (props){ const handleModalCuradoria = (value) => {toggleModalCuradoria(value)} const checkAccessLevel = (levelToCheck) => { - if (state.currentUser.id != '') { + if (state.currentUser.id !== '') { return(checkUserRole(levelToCheck)) } else { @@ -185,7 +185,7 @@ export default function LearningObjectPage (props){ <Card> <div> {recurso.thumbnail && - <img src={apiDomain + recurso.thumbnail}/> + <img alt="" src={apiDomain + recurso.thumbnail}/> } @@ -218,7 +218,6 @@ export default function LearningObjectPage (props){ title={recurso.name} thumb={recurso.thumbnail} currPageLink={window.location.href} - handleSnackbar={handleSnackbar} complained={recurso.complained} /> </Card> diff --git a/src/Pages/Search.js b/src/Pages/Search.js index 1ee9749f3c127ac4273ad0c51c5b998c36f9e62c..d7c3fcd27250a8331a69e395dc5e78328b15cc11 100644 --- a/src/Pages/Search.js +++ b/src/Pages/Search.js @@ -26,7 +26,7 @@ import LoadingSpinner from '../Components/LoadingSpinner'; // import ResourceCard from '../Components/ResourceCard' // import CollectionCard from '../Components/CollectionCard' // import UserCard from '../Components/UserCard' -import Select from "react-dropdown-select"; +// import Select from "react-dropdown-select"; import Breadcrumbs from "@material-ui/core/Breadcrumbs"; import { apiUrl } from "../env"; import "./Styles/Home.css"; diff --git a/src/Pages/TabsHelp/TabManageAc.js b/src/Pages/TabsHelp/TabManageAc.js index 0a7bafc4a634b433ecd02e32c77ba783f0247516..ab485dd16d8ee5c976d9fff0cd335e209d5b7673 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 3666d8f339c17cd6f9bd6c882fb86297e2fe5bba..c63a0816447bb4e42fead5e2a08c5b0c49025ff8 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 02ca0646d0f555f49a5d2a1e0d8f80cc1c3d7deb..c704d98fed23e0a02df21be202f1233284067c9e 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 e8d36e128330f9b82b781da75698b3db60ebede4..0398c28b69f62e73bdac18f43a561068cea761d1 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 5352775d7645ab0029e2a048bc891645d76930a3..00214bc494e26f617c2a50c9767a88e43e96e72f 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 b8296f954e3a0a15201504828ddcd2c13bf68e11..4f50cd4611c2a061c0db847ac0aa6a9052897666 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 b37b9238f2b948b90ab935b77c1f24efb6afb38c..8883bceff94c2b8907525e7169ae2b4c9f4d5d37 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 3e50ca2a57390a80cb912233f05dbd0072e5bfd9..92d821b53164aecb062223c61fb372ebcc3351e4 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) diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js index ad0dead21f5d83f11b46a41287905ec38f6763a3..fed310add1e7d2306df10a04d8da3a3621d8da32 100644 --- a/src/Pages/UserTerms.js +++ b/src/Pages/UserTerms.js @@ -42,27 +42,6 @@ const BannerStyle=styled.div` verticalAlign: "middle" ` -const center={ - width: "100%", - textAlign: "center" -} - -const container={ - paddingInline: "15px", - paddingBlock: "20px", - marginInline: "auto", - textAlign:"center", - width:"750px" - -} - -const secao2={ - height: "100%", - alignItems: "center", - paddingBlock: "30px" -} - - const AColorido = styled.a` color: #00BCD4; @@ -269,7 +248,7 @@ class UserTerms extends Component { <Grid item xs={12} md={10}> <Secao4> <div class="texto" style={{paddingTop:"70px"}}> - <p>O <a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2014/lei/l13005.htm" target="_blank">Plano Nacional de Educação</a> (2014-2024) enfatiza nas metas 5 e 7 a importância dos recursos educacionais abertos para fomentar a qualidade da educação baÌsica. A <a href="http://portal.mec.gov.br/index.php?option=com_docman&view=download&alias=35541-res-cne-ces-001-14032016-pdf&category_slug=marco-2016-pdf&Itemid=30192" target="_blank">Resolução CNE/CES nº 1</a>, de 11 de março de 2016, também destaca a importância dos recursos educacionais abertos para as instituições de educação superior e para as atividades de educação a distância.</p> + <p>O <a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2014/lei/l13005.htm" rel="noreferrer" target="_blank">Plano Nacional de Educação</a> (2014-2024) enfatiza nas metas 5 e 7 a importância dos recursos educacionais abertos para fomentar a qualidade da educação baÌsica. A <a href="http://portal.mec.gov.br/index.php?option=com_docman&view=download&alias=35541-res-cne-ces-001-14032016-pdf&category_slug=marco-2016-pdf&Itemid=30192" rel="noreferrer" target="_blank">Resolução CNE/CES nº 1</a>, de 11 de março de 2016, também destaca a importância dos recursos educacionais abertos para as instituições de educação superior e para as atividades de educação a distância.</p> </div> <div class="titulo"> <h3>TERMOS DE USO</h3> diff --git a/src/env.js b/src/env.js index 1f221ee7772cbcd5478dcb68a32769645a7e862d..c13c03e40d90e114c527b17dd43088c759948fcb 100644 --- a/src/env.js +++ b/src/env.js @@ -22,8 +22,8 @@ var apiDomain = 'https://api.portalmec.c3sl.ufpr.br', apiUrl = apiDomain + '/' + apiVersion; var simcaqAPIDomain = 'https://www.simcaq.c3sl.ufpr.br/api', - apiVersion = 'v1', - simcaqAPIurl = simcaqAPIDomain + '/' + apiVersion + apiSimcaqVersion = 'v1', + simcaqAPIurl = simcaqAPIDomain + '/' + apiSimcaqVersion export {apiUrl}; export {apiDomain};