diff --git a/package.json b/package.json
index 47016670d92f4ba048442640ddddd3f1b4ca8e07..cadd5e71c3925e3a64a0d386e886b374bbe37e5f 100644
--- a/package.json
+++ b/package.json
@@ -70,10 +70,10 @@
}
},
"scripts": {
- "start": "PORT=4000 react-scripts start watch",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
+ "start": "NODE_PATH=src/ PORT=4000 react-scripts start watch",
+ "build": "NODE_PATH=src/ react-scripts build",
+ "test": "NODE_PATH=src/ react-scripts test",
+ "eject": "NODE_PATH=src/ react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
diff --git a/src/Admin/Components/Components/DataCards/UserCard.js b/src/Admin/Components/Components/DataCards/UserCard.js
index a34f96b390a075eed4c3aed1a28b3baacc968734..bbc34a4b78602da8c9569d7656233bd8231f7761 100644
--- a/src/Admin/Components/Components/DataCards/UserCard.js
+++ b/src/Admin/Components/Components/DataCards/UserCard.js
@@ -37,13 +37,15 @@ import CloseRoundedIcon from "@material-ui/icons/CloseRounded";
//imports from local files
import { GetAData } from "../../../Filters";
import { apiDomain } from '../../../../env';
-import noAvatar from "../../../../img/default_profile.png";
import { Link, useHistory } from "react-router-dom";
import LoadingSpinner from '../../../../Components/LoadingSpinner';
import SnackBar from '../../../../Components/SnackbarComponent';
import { getRequest, postRequest, deleteRequest, putRequest } from '../../../../Components/HelperFunctions/getAxiosConfig'
//styles
import styled from 'styled-components';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
const CollectionCard = () => {
let history = useHistory()
diff --git a/src/Admin/Pages/Pages/SubPages/AproveTeacher.js b/src/Admin/Pages/Pages/SubPages/AproveTeacher.js
index b8f7203ab10a3c0dfbb9ee471b47b77acd2ffe35..83362be7db429906224474af87ae742c7b6f1178 100644
--- a/src/Admin/Pages/Pages/SubPages/AproveTeacher.js
+++ b/src/Admin/Pages/Pages/SubPages/AproveTeacher.js
@@ -32,7 +32,6 @@ import MobileList from "../../../Components/Components/MobileComponents/SimpleLi
import MobilePageHeader from "../../../Components/Components/MobileComponents/MobilePageHeader";
import PageHeader from "../../../Components/Components/PageHeader";
import { apiDomain } from '../../../../env';
-import noAvatar from "../../../../img/default_profile.png"
//imports from material ui
import { withStyles } from "@material-ui/core/styles";
import TableBody from "@material-ui/core/TableBody";
@@ -53,6 +52,10 @@ import EmailRoundedIcon from '@material-ui/icons/EmailRounded';
//routers
import { Link } from "react-router-dom";
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
const StyledTableCell = withStyles((theme) => ({
head: {
diff --git a/src/Admin/Pages/Pages/SubPages/BlockedUsers.js b/src/Admin/Pages/Pages/SubPages/BlockedUsers.js
index 84a4419b44d2cbb0a7c3d485b9c0b840fabd2014..b3ab9a80a0ccd1cb618ace074a14362c2de4494b 100644
--- a/src/Admin/Pages/Pages/SubPages/BlockedUsers.js
+++ b/src/Admin/Pages/Pages/SubPages/BlockedUsers.js
@@ -40,7 +40,6 @@ import SnackBar from '../../../../Components/SnackbarComponent';
import LoadingSpinner from '../../../../Components/LoadingSpinner';
import MobileList from "../../../Components/Components/MobileComponents/SimpleList"
import { apiDomain } from '../../../../env';
-import noAvatar from "../../../../img/default_profile.png";
import MobilePageHeader from "../../../Components/Components/MobileComponents/MobilePageHeader"
import PageHeader from "../../../Components/Components/PageHeader"
//Services
@@ -49,6 +48,10 @@ import { Url } from '../../../Filters';
//routers
import { Link } from 'react-router-dom';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
const StyledTableCell = withStyles((theme) => ({
head: {
backgroundColor: theme.palette.common.black,
diff --git a/src/Admin/Pages/Pages/SubPages/Users.js b/src/Admin/Pages/Pages/SubPages/Users.js
index cb31af1e213e65b7c8d13be01fb48c68a75dd190..38114db05200050d8d9e6ab0b2176794bcb71f55 100644
--- a/src/Admin/Pages/Pages/SubPages/Users.js
+++ b/src/Admin/Pages/Pages/SubPages/Users.js
@@ -47,7 +47,10 @@ import moment from 'moment';
import styled from 'styled-components'
import EmailRoundedIcon from '@material-ui/icons/EmailRounded';
import { apiDomain } from '../../../../env';
-import noAvatar from "../../../../img/default_profile.png";
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
const StyledTableCell = withStyles((theme) => ({
head: {
diff --git a/src/App.js b/src/App.js
index a6c401119665ce42b21db2f9945d19693e14273b..1272aa72a9260bf49575bd6cc42864d937ca10e1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -204,6 +204,20 @@ export default function App() {
return canUserEdit;
}
+
+ async function supportsWebp() {
+ if (!createImageBitmap) return false;
+
+ const webpData = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
+ const blob = await fetch(webpData).then(r => r.blob());
+ return createImageBitmap(blob).then(() => true, () => false);
+ }
+
+ async function testWebpSupport() {
+ if(await supportsWebp()) {
+ window.webpSupport = true;
+ }
+ }
useEffect(() => {
setHideFooter(String(window.location.href).includes("iframe-colecao"));
@@ -217,6 +231,8 @@ export default function App() {
height: window.innerHeight,
},
});
+ window.webpSupport = false;
+ testWebpSupport();
}, []);
useEffect(() => {
diff --git a/src/Components/AGPLFooter.js b/src/Components/AGPLFooter.js
index a77d3bc1648d55f8d6e6e89c6bcf5d450223ad00..112b05b167e6635f6795c13057c0037a55a0230e 100644
--- a/src/Components/AGPLFooter.js
+++ b/src/Components/AGPLFooter.js
@@ -18,7 +18,10 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, {Component} from 'react';
import {Row, Col, Container} from 'react-grid-system';
-import acessoInfo from '../img/acesso-a-informacao.png';
+//Image Import
+import ImportImages from "ImportImages.js"
+const acessoInfo = ImportImages('acessoInfo');
+
const grayFooter={
backgroundColor: "#434343",
color: "white",
diff --git a/src/Components/AboutCarousel.js b/src/Components/AboutCarousel.js
index fc36515228cd3b234058e7e712d5630900be159e..edc238bf47219113f5bbc2fe88a06c57eed37fbb 100644
--- a/src/Components/AboutCarousel.js
+++ b/src/Components/AboutCarousel.js
@@ -23,11 +23,13 @@ import { Carousel } from 'react-responsive-carousel';
import styled from 'styled-components';
import "./AboutCarousel.css"
-import Img1 from '../img/carousel/Icone_Grande (1).png'
-import Img2 from '../img/carousel/Icone_Grande (2).png'
-import Img3 from '../img/carousel/Icone_Grande (3).png'
-import Img4 from '../img/carousel/Icone_Grande (4).png'
-import Img5 from '../img/carousel/Icone_Grande (5).png'
+//Image Import
+import ImportImages from "ImportImages.js"
+const Img1 = ImportImages('Img1');
+const Img2 = ImportImages('Img2');
+const Img3 = ImportImages('Img3');
+const Img4 = ImportImages('Img4');
+const Img5 = ImportImages('Img5');
const CarouselAbout = styled(Carousel)`
diff --git a/src/Components/AboutCarouselPartner.js b/src/Components/AboutCarouselPartner.js
index eb9c9c2939dedce5bf90673951b2ffe29e6d431d..169b580209a56e1ba425e4ed3560c490eff923d8 100644
--- a/src/Components/AboutCarouselPartner.js
+++ b/src/Components/AboutCarouselPartner.js
@@ -22,22 +22,23 @@ import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from 'react-responsive-carousel';
import './AboutCarouselPartner.css'
-
-import LogoPortalDoProfessor from "../img/logo_parceiros/logo_portaldoprofessor.png";
-import LogoBioe from "../img/logo_parceiros/logo_bioe.png";
-import LogoDominioPublico from "../img/logo_parceiros/logo_dominiopublico.png";
-import LogoTvEscola from "../img/logo_parceiros/logo_tvescola.png";
-import Safer from "../img/logo_parceiros/safer.png";
-import FundacaoLemann from "../img/logo_parceiros/fundacao-lemann.png";
-import InstitutoCrescer from "../img/logo_parceiros/instituto-crescer.png";
-import RedeEscola from "../img/logo_parceiros/redeescola.png";
-import Educagital from "../img/logo_parceiros/educagital.png";
-import EnefAef from "../img/logo_parceiros/ENEF_AEF.png";
-import Impa from "../img/logo_parceiros/impa.png";
-import Futura from "../img/logo_parceiros/futura.png";
-import Impulsiona from "../img/logo_parceiros/impulsiona.png";
-import InstPeninsula from "../img/logo_parceiros/inst-peninsula.png";
-import Telefonica from "../img/logo_parceiros/telefonica.png";
+//Image Import
+import ImportImages from "ImportImages.js"
+const LogoPortalDoProfessor = ImportImages('LogoPortalDoProfessor');
+const LogoBioe = ImportImages('LogoBioe');
+const LogoDominioPublico = ImportImages('LogoDominioPublico');
+const LogoTvEscola = ImportImages('LogoTvEscola');
+const Safer = ImportImages('Safer');
+const FundacaoLemann = ImportImages('FundacaoLemann');
+const InstitutoCrescer = ImportImages('InstitutoCrescer');
+const RedeEscola = ImportImages('RedeEscola');
+const Educagital = ImportImages('Educagital');
+const EnefAef = ImportImages('EnefAef');
+const Impa = ImportImages('Impa');
+const Futura = ImportImages('Futura');
+const Impulsiona = ImportImages('Impulsiona');
+const InstPeninsula = ImportImages('InstPeninsula');
+const Telefonica = ImportImages('Telefonica');
function AboutCarouselPartner(props) {
diff --git a/src/Components/ActivityListItem.js b/src/Components/ActivityListItem.js
index 0d249401c851757d490eff07d316748ddad437c0..a431f358ed95f63948b97ab1912c5f195694beab 100644
--- a/src/Components/ActivityListItem.js
+++ b/src/Components/ActivityListItem.js
@@ -22,7 +22,6 @@ import ListItem from '@material-ui/core/ListItem';
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
import ListItemText from '@material-ui/core/ListItemText';
import Avatar from '@material-ui/core/Avatar';
-import noAvatar from "../img/default_profile.png";
import { GetActivityProperties, Tag, ObjectColor } from './Activities/Definitions.js'
//icons
import FavoriteIcon from '@material-ui/icons/Favorite';
@@ -36,6 +35,10 @@ import ThumbDownIcon from '@material-ui/icons/ThumbDown';
import DeleteIcon from '@material-ui/icons/Delete';
import { Link } from 'react-router-dom'
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
const GetObjectColor = (tag) => {
return ObjectColor[tag]
}
diff --git a/src/Components/AreasSubPages.js b/src/Components/AreasSubPages.js
index b8d429a946ea7f27d93034d0baddef361cfc3582..06c8f1da22154bff029333fd5982cb9a7a746899 100644
--- a/src/Components/AreasSubPages.js
+++ b/src/Components/AreasSubPages.js
@@ -22,15 +22,18 @@ import { Col, Row, Container, Hidden, Visible } from "react-grid-system";
import MaterialCard from "./MaterialCard";
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from "react-responsive-carousel";
-import recursos from "../img/ilustra_recursos_digitais.png";
-import materiais from "../img/ilustra_materiais.png";
-import colecoes from "../img/ilustra_colecoes.png";
import ResourceCardFunction from "./ResourceCardFunction.js";
import CollectionCardFunction from "./CollectionCardFunction.js";
import colecoes_obj from './FormationMaterialsResources/formationMaterials';
import ExpandedMaterial from './ExpandedMaterials';
import {getRequest} from './HelperFunctions/getAxiosConfig.js'
+//Image Import
+import ImportImages from "ImportImages.js"
+const recursos = ImportImages('recursos');
+const materiais = ImportImages('materiais');
+const colecoes = ImportImages('colecoes');
+
const materials = colecoes_obj();
class ReqResources extends Component {
diff --git a/src/Components/AreasSubPagesFunction.js b/src/Components/AreasSubPagesFunction.js
index f08832691ff2fc7d21160c18b362a4d7cfd6344d..a0d13102d0e49e32782abe7c402bc567b62f2496 100644
--- a/src/Components/AreasSubPagesFunction.js
+++ b/src/Components/AreasSubPagesFunction.js
@@ -23,9 +23,6 @@ import styled from 'styled-components'
import MaterialCard from "./MaterialCard";
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from "react-responsive-carousel";
-import recursos from "../img/ilustra_recursos_digitais.png";
-import materiais from "../img/ilustra_materiais.png";
-import colecoes from "../img/ilustra_colecoes.png";
import ResourceCardFunction from "./ResourceCardFunction.js";
import CollectionCardFunction from "./CollectionCardFunction.js";
import colecoes_obj from './FormationMaterialsResources/formationMaterials';
@@ -35,8 +32,14 @@ import { getRequest } from './HelperFunctions/getAxiosConfig.js'
import Grid from '@material-ui/core/Grid';
import { Link } from 'react-router-dom'
import { CircularProgress } from "@material-ui/core";
-import ColecaoVazia from '../img/Pagina_vazia_colecao.png'
-import RecursoVazio from '../img/Pagina_vazia_Sem_publicar.png'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const recursos = ImportImages('recursos');
+const materiais = ImportImages('materiais');
+const colecoes = ImportImages('colecoes');
+const ColecaoVazia = ImportImages('ColecaoVazia');
+const RecursoVazio = ImportImages('RecursoVazio');
function objectsPerPage() {
var pageWidth = window.innerWidth
diff --git a/src/Components/Carousel.js b/src/Components/Carousel.js
index ba3602311c2fa2b3607a89c7e196d01c828ffe4b..fb2fbd6abe4ff2d62f33539ee884a229fdd60ac9 100644
--- a/src/Components/Carousel.js
+++ b/src/Components/Carousel.js
@@ -30,20 +30,21 @@ import Handshake from "../img/termos/handshake.svg"
import Pessoa from "../img/termos/Pessoa.svg"
import Email from "../img/termos/Email.svg"
import Seguranca from "../img/termos/Seguranca.svg"
-import Aberto from "../img/termos/Aberto.png";
-import Fechado from "../img/termos/Fechado.png";
import Arrow_down from "../img/termos/Arrow_down.svg";
import Arrow_double from "../img/termos/Arrow_double.svg";
-import Arrow_O from "../img/termos/Arrow_O que é a plataforma.png";
-import Arrow_O_1 from "../img/termos/Arrow_O que é a plataforma-1.png";
import Like from "../img/termos/Like.svg";
import Unlike from "../img/termos/Unlike.svg";
import Line from "../img/termos/Line.svg";
import Entenda from "../img/termos/Entenda.svg";
import V from "../img/termos/V.svg";
-import OrthogonalLineUp from "../img/termos/OrthogonalLineUp.png"
-import OrthogonalLineDown from "../img/termos/OrthogonalLineDown.png"
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const Aberto = ImportImages('Aberto');
+const Fechado = ImportImages('Fechado');
+const Arrow_O = ImportImages('Arrow_O');
+const Arrow_O_1 = ImportImages('Arrow_O_1');
+const OrthogonalLineUp = ImportImages('OrthogonalLineUp');
+const OrthogonalLineDown = ImportImages('OrthogonalLineDown');
const Slide = styled.div`
diff --git a/src/Components/ColaborarModal.js b/src/Components/ColaborarModal.js
index f12fa1100e9976ec96e3155a4a0b5be45e485058..89cce22144982ed58cbefc7d6acc111bcf98e9e2 100644
--- a/src/Components/ColaborarModal.js
+++ b/src/Components/ColaborarModal.js
@@ -8,6 +8,9 @@ import CloseIcon from '@material-ui/icons/Close';
import LabeledCheckbox from "../Components/Checkbox.js"
import {Link} from 'react-router-dom'
+import ImportImages from "ImportImages.js"
+const Publicar = ImportImages('Publicar');
+
const StyledDivContainer = styled.div`
background-color : rgb(255,255,255);
border-radius : 4px;
@@ -108,7 +111,7 @@ export default function ColaborarModal (props) {
<div style={{padding : "20px 30px"}}>
<StyledDivDialogContent>
<StyledDivContentInformation
- style={{backgroundImage :"url(https://plataformaintegrada.mec.gov.br/img/Publicar.png)",
+ style={{backgroundImage : Publicar,
backgroundSize : "130px", backgroundPositionY:"20px",
backgroundRepeat:"no-repeat"
}}
diff --git a/src/Components/CollectionCard.js b/src/Components/CollectionCard.js
index a252100acd4083d796247c109c3f99da46ddb7e2..4eb38624d2073c9f29931b85a7c521168016c5ff 100644
--- a/src/Components/CollectionCard.js
+++ b/src/Components/CollectionCard.js
@@ -26,10 +26,13 @@ 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 noAvatar from "../img/default_profile.png";
import Rating from '@material-ui/lab/Rating';
import StarBorderIcon from '@material-ui/icons/StarBorder';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
var authorStyle={
position: "absolute",
display: "flex",
diff --git a/src/Components/CollectionCardFunction.js b/src/Components/CollectionCardFunction.js
index dd4e3d079b837960dd76e8621f494404c71ecb47..49ccaf19b9db8f855712d2df0009afa128fa8fc5 100644
--- a/src/Components/CollectionCardFunction.js
+++ b/src/Components/CollectionCardFunction.js
@@ -19,7 +19,6 @@ 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 { apiDomain } from '../env';
-import noAvatar from "../img/default_profile.png";
import Button from '@material-ui/core/Button';
import styled from 'styled-components'
import Grid from '@material-ui/core/Grid';
@@ -40,6 +39,10 @@ import LoginModal from './LoginModal.js'
import Snackbar from '@material-ui/core/Snackbar';
import MuiAlert from '@material-ui/lab/Alert';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
export default function CollectionCardFunction(props) {
const { state } = useContext(Store)
diff --git a/src/Components/CollectionCommentSection.js b/src/Components/CollectionCommentSection.js
index 3b5b07b4e0c3cebe9ffc4b1303955dcaace7b9ce..3f5231e74d56112d92d21946e976176ab70bbfcc 100644
--- a/src/Components/CollectionCommentSection.js
+++ b/src/Components/CollectionCommentSection.js
@@ -26,7 +26,6 @@ import CommentForm from './ResourcePageComponents/CommentForm.js';
import Comment from './Comment.js';
import Snackbar from '@material-ui/core/Snackbar';
import MuiAlert from '@material-ui/lab/Alert';
-import Comentario from '../img/comentarios.png';
import { getRequest } from '../Components/HelperFunctions/getAxiosConfig'
import ExitToAppIcon from '@material-ui/icons/ExitToApp';
import SignUpModal from './SignUpModal.js';
@@ -36,6 +35,10 @@ import CircularProgress from '@material-ui/core/CircularProgress';
import IconButton from '@material-ui/core/IconButton';
import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
+//Image Import
+import ImportImages from "ImportImages.js"
+const Comentarios = ImportImages('Comentarios');
+
export default function CollectionCommentSection(props) {
const [post_snack_open, setPostSnackOpen] = useState(false);
const [delete_snack_open, setDeleteSnackOpen] = useState(false);
@@ -119,7 +122,7 @@ export default function CollectionCommentSection(props) {
`
return (
<NoCommentsContainer>
- <Image src={Comentario} style={{ width: "100%", maxWidth: 234 }} />
+ <Image src={Comentarios} style={{ width: "100%", maxWidth: 234 }} />
<BlueTitle>Compartilhe sua opinião com a rede!</BlueTitle>
<Secondary>Gostou desta coleção? Comente e compartilhe com a rede sua opinião. Interagindo com a rede, você contribui para que mais coleções como esta sejam criadas.</Secondary>
<Button
diff --git a/src/Components/Comment.js b/src/Components/Comment.js
index 4388ec758a2cdc81a97f8b61f7fb3765b3ef5805..d10e4308c91d2f91f6449664e439d69fe6061257 100644
--- a/src/Components/Comment.js
+++ b/src/Components/Comment.js
@@ -23,7 +23,6 @@ import Grid from '@material-ui/core/Grid';
import { Button } from '@material-ui/core';
import { Link } from 'react-router-dom'
import { apiDomain } from '../env';
-import noAvatar from "../img/default_profile.png";
import Rating from '@material-ui/lab/Rating';
import StarBorderIcon from '@material-ui/icons/StarBorder';
import EditIcon from '@material-ui/icons/Edit';
@@ -33,6 +32,10 @@ import MenuItem from '@material-ui/core/MenuItem';
import ModalExcluir from './ModalExcluirComentario.js'
import { putRequest, deleteRequest } from './HelperFunctions/getAxiosConfig'
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
export default function Comment(props) {
console.log(props)
/*
diff --git a/src/Components/ContactButtons/FollowingButton.js b/src/Components/ContactButtons/FollowingButton.js
index 424e8f63a12cb10a40ae64112431b2152bb0c668..911b9c36940774d0665b88b5c2d1a79ceaa8fcf0 100644
--- a/src/Components/ContactButtons/FollowingButton.js
+++ b/src/Components/ContactButtons/FollowingButton.js
@@ -19,10 +19,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, {useState} from 'react'
import styled from 'styled-components'
import Button from '@material-ui/core/Button';
-import FollowingIcon from '../../img/how_to_reg-24px.png'
import ModalConfirmarUnfollow from '../ModalConfirmarUnfollow.js'
import {putRequest} from '../HelperFunctions/getAxiosConfig'
+//Image Import
+import ImportImages from "ImportImages.js"
+const FollowingIcon = ImportImages('FollowingIcon');
+
export default function FollowingButton (props) {
const [modalOpen, toggleModal] = useState(false)
diff --git a/src/Components/ContactCard.js b/src/Components/ContactCard.js
index bacf2c87feb01ee0f5a236eda286391518314d6c..54a43a193e0bd37f4ce1eb5a9b5cdbed34064036 100644
--- a/src/Components/ContactCard.js
+++ b/src/Components/ContactCard.js
@@ -19,7 +19,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, { useState } from 'react';
import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent';
-import noAvatar from "../img/default_profile.png";
import CardMedia from '@material-ui/core/CardMedia';
import styled from 'styled-components'
import Options from './ContactCardOptions.js'
@@ -28,6 +27,10 @@ import FollowingButton from './ContactButtons/FollowingButton.js'
import FollowersCountButton from './ContactButtons/FollowersCountButton.js'
import { Link } from 'react-router-dom';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
export default function ImgMediaCard(props) {
const [followedBoolean, setFollowedBoolean] = useState(props.followed)
diff --git a/src/Components/EcFooter.js b/src/Components/EcFooter.js
index eca582f2730cc230d7554d97acbda3afcfac95f5..ed35c5279a5f0791c9afa7924a84493ed108c876 100644
--- a/src/Components/EcFooter.js
+++ b/src/Components/EcFooter.js
@@ -18,10 +18,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, { Component } from 'react';
import { Row, Col, Container } from 'react-grid-system';
-import eduConectada from '../img/educa-conectada.png';
import styled from 'styled-components';
import { HashLink as Link } from 'react-router-hash-link';
+//Image Import
+import ImportImages from "ImportImages.js"
+const eduConectada = ImportImages('eduConectada');
+
const BlueFooter = styled.div`
background-color : #00bcd4;
color : white;
diff --git a/src/Components/FormationMaterialDescription.js b/src/Components/FormationMaterialDescription.js
index 5771aef3448785bc86fc45db7f65a3a10e353bdc..6e9228bd8685d6c36121e155ed304bfadf511ef8 100644
--- a/src/Components/FormationMaterialDescription.js
+++ b/src/Components/FormationMaterialDescription.js
@@ -9,6 +9,10 @@ import MoveToInboxIcon from '@material-ui/icons/MoveToInbox';
import LibraryBooksIcon from '@material-ui/icons/LibraryBooks';
import TranslateIcon from '@material-ui/icons/Translate';
+import ImportImages from "ImportImages.js"
+const IcNute = ImportImages('IcNute');
+const IcPeninsula = ImportImages('IcPeninsula');
+
export default function FormationMaterialDescription(props) {
/* props
*
@@ -96,9 +100,9 @@ export default function FormationMaterialDescription(props) {
<br />
<StyledAnchor href={colecao_obj.developedurl}>
{
- colecao_obj.id === 3 ? <LongUserIcon src={require("../img/logo_parceiros/ic_peninsula.png")} />
+ colecao_obj.id === 3 ? <LongUserIcon src={IcNute} />
: <div>
- <UserIcon src={require("../img/logo_parceiros/ic_nute.png")} />
+ <UserIcon src={IcPeninsula} />
<Red>
{colecao_obj.developed}
</Red>
diff --git a/src/Components/Funcionalities.js b/src/Components/Funcionalities.js
index d183d855f2cc9e31146c26ec08ea8c4e0e7bfc9e..ad43d351d9c4f11c4ceac59659bb20552c823c74 100644
--- a/src/Components/Funcionalities.js
+++ b/src/Components/Funcionalities.js
@@ -18,12 +18,15 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, {Component} from 'react';
import {Row, Col, Container} from 'react-grid-system';
-import acessar from '../img/nopub-Acessar-materiais.png';
-import baixar from '../img/nopub-Baixar.png';
-import compartilhar from '../img/nopub-Compartilhar.png';
-import relatar from '../img/nopub-Relatar.png';
-import seguir from '../img/nopub-Seguir.png';
-import guardar from '../img/nopub-Guardar.png';
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const acessar = ImportImages('acessar');
+const baixar = ImportImages('baixar');
+const compartilhar = ImportImages('compartilhar');
+const relatar = ImportImages('relatar');
+const seguir = ImportImages('seguir');
+const guardar = ImportImages('guardar');
const imgRow={
textAlign: "center",
diff --git a/src/Components/HelpCenter/Cards/CardEncontrando.js b/src/Components/HelpCenter/Cards/CardEncontrando.js
index 173f179d24445dcc8aebdab0ef5ab7bfb59d3eda..bc509b7369475210b7a9b4653cd495a3e99b7fd0 100644
--- a/src/Components/HelpCenter/Cards/CardEncontrando.js
+++ b/src/Components/HelpCenter/Cards/CardEncontrando.js
@@ -18,10 +18,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from "react";
import styled from "styled-components";
-import EncontrandoRecurso from "../../../img/ajuda/Encontrando_recursos.png";
import { Link } from "react-router-dom";
+//Image Import
+import ImportImages from "ImportImages.js"
+const EncontrandoRecurso = ImportImages('EncontrandoRecurso');
+
export default function CardEncontrando(props) {
return (
<CardAjuda>
diff --git a/src/Components/HelpCenter/Cards/CardGerenciando.js b/src/Components/HelpCenter/Cards/CardGerenciando.js
index d3e1daa3299815d50e1c948ce1810d172d49c9ae..fbccb42f365400003f72554aecd12476ffe93db2 100644
--- a/src/Components/HelpCenter/Cards/CardGerenciando.js
+++ b/src/Components/HelpCenter/Cards/CardGerenciando.js
@@ -18,10 +18,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from "react";
import styled from "styled-components";
-import GerenciandoConta from "../../../img/ajuda/Gerenciando_a_conta.png";
import { Link } from "react-router-dom";
+//Image Import
+import ImportImages from "ImportImages.js"
+const GerenciandoConta = ImportImages('GerenciandoConta');
+
export default function CardGerenciando(props) {
return (
<CardAjuda>
diff --git a/src/Components/HelpCenter/Cards/CardParticipando.js b/src/Components/HelpCenter/Cards/CardParticipando.js
index 5091e9908cf3a52399f0ce08907601f24b93618a..9d95333389f01be4167340de54fd2d5415f1b0c1 100644
--- a/src/Components/HelpCenter/Cards/CardParticipando.js
+++ b/src/Components/HelpCenter/Cards/CardParticipando.js
@@ -18,10 +18,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from "react";
import styled from "styled-components";
-import ParticipandoRede from "../../../img/ajuda/Participando_da_rede.png";
import { Link } from "react-router-dom";
+//Image Import
+import ImportImages from "ImportImages.js"
+const ParticipandoRede = ImportImages('ParticipandoRede');
+
export default function CardParticipando(props) {
return (
<CardAjuda>
diff --git a/src/Components/HelpCenter/Cards/CardPublicando.js b/src/Components/HelpCenter/Cards/CardPublicando.js
index c5fb0a3ff925d87a602f30ff467daf95182bc8b9..106fb1b89d15238eceeb46bcdbf55405f2c77cdd 100644
--- a/src/Components/HelpCenter/Cards/CardPublicando.js
+++ b/src/Components/HelpCenter/Cards/CardPublicando.js
@@ -18,9 +18,12 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from "react";
import styled from "styled-components";
-import PublicandoRecursos from "../../../img/ajuda/Publicando_recursos.png";
import { Link } from "react-router-dom";
+//Image Import
+import ImportImages from "ImportImages.js"
+const PublicandoRecursos = ImportImages('PublicandoRecursos');
+
export default function CardPublicando(props) {
return (
<CardAjuda>
diff --git a/src/Components/HelpCenter/TabsManageAc/Forget.js b/src/Components/HelpCenter/TabsManageAc/Forget.js
index c3c247a3a93834ae0bef65bf6e27d393e35b4063..91d1e983668a6cf909551e77c35358961196cb1d 100644
--- a/src/Components/HelpCenter/TabsManageAc/Forget.js
+++ b/src/Components/HelpCenter/TabsManageAc/Forget.js
@@ -19,11 +19,10 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react';
import styled from 'styled-components';
-import LoginImg from '../../../img/ajuda/login_img.jpg'
-import RecuperarSenhaImg from '../../../img/ajuda/recuperarsenha_img.jpg'
-
-
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const LoginImg = ImportImages('LoginImg');
+const RecuperarSenhaImg = ImportImages('RecuperarSenhaImg');
export default function Forget(props) {
return(
diff --git a/src/Components/HelpCenter/TabsResourseFind/HowToDo.js b/src/Components/HelpCenter/TabsResourseFind/HowToDo.js
index 65934c1c01e640c5ad316674b38a6787708722f2..9502143665b5345236ea6f1ec94d2836f43970d7 100644
--- a/src/Components/HelpCenter/TabsResourseFind/HowToDo.js
+++ b/src/Components/HelpCenter/TabsResourseFind/HowToDo.js
@@ -19,10 +19,9 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react';
import styled from 'styled-components';
-import Busca from '../../../img/ajuda/busca_img.jpg'
-
-
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const Busca = ImportImages('Busca');
export default function HowToDo(props) {
return(
diff --git a/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js b/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js
index 928d3dc99e598dd2fbc1204e162fc2e00f78e681..33eea22c8e04c85f455fb95665fc4c9d0ef2cf61 100644
--- a/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js
+++ b/src/Components/HelpCenter/TabsResourseFind/HowToFilter.js
@@ -19,10 +19,9 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react';
import styled from 'styled-components';
-import Filtros from '../../../img/ajuda/filtros_img.jpg'
-
-
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const Filtros = ImportImages('Filtros');
export default function HowToFilter(props) {
return(
diff --git a/src/Components/HelperFunctions/getDefaultThumbnail.js b/src/Components/HelperFunctions/getDefaultThumbnail.js
index cb92a38fcb6f7bc2d947021ae24d2658518c67eb..0597d4918192eeec1ca78ab89196f96b3364db41 100644
--- a/src/Components/HelperFunctions/getDefaultThumbnail.js
+++ b/src/Components/HelperFunctions/getDefaultThumbnail.js
@@ -1,17 +1,20 @@
-import Animacao from '../../img/laranja/ANIMACAO_SIMULACAO.jpg'
-import AplicativoMovel from '../../img/laranja/APP.jpg'
-import Apresentacao from '../../img/laranja/APRESENTACAO.jpg'
-import Audio from '../../img/laranja/AUDIO.jpg'
-import Empty from '../../img/laranja/EMPTY.jpg'
-import Imagem from '../../img/laranja/IMAGEM.jpg'
-import Infografico from '../../img/laranja/INFOGRAFICO.jpg'
-import Jogo from '../../img/laranja/JOGO.jpg'
-import LivroDigital from '../../img/laranja/LIVRO_DIGITAL.jpg'
-import Mapa from '../../img/laranja/MAPA.jpg'
-import Outros from '../../img/laranja/OUTROS.jpg'
-import SoftwareEducacional from '../../img/laranja/SOFTWARE.jpg'
-import Texto from '../../img/laranja/TEXTO.jpg'
-import Video from '../../img/laranja/VIDEO.jpg'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const Animacao = ImportImages('Animacao');
+const AplicativoMovel = ImportImages('AplicativoMovel');
+const Apresentacao = ImportImages('Apresentacao');
+const Audio = ImportImages('Audio');
+const Empty = ImportImages('Empty');
+const Imagem = ImportImages('Imagem');
+const Infografico = ImportImages('Infografico');
+const Jogo = ImportImages('Jogo');
+const LivroDigital = ImportImages('LivroDigital');
+const Mapa = ImportImages('Mapa');
+const Outros = ImportImages('Outros');
+const SoftwareEducacional = ImportImages('SoftwareEducacional');
+const Texto = ImportImages('Texto');
+const Video = ImportImages('Video');
export const getDefaultThumbnail = (objType) => {
switch (objType.toLowerCase()) {
diff --git a/src/Components/IframeOverlay/ResourceCard.js b/src/Components/IframeOverlay/ResourceCard.js
index 365ea9a3d6574cd63503c060bf94d08308be7748..1a0a284f9208ff624954e9bfccd8e5fe8fe11acf 100644
--- a/src/Components/IframeOverlay/ResourceCard.js
+++ b/src/Components/IframeOverlay/ResourceCard.js
@@ -5,12 +5,15 @@ import Paper from '@material-ui/core/Paper';
import Grid from '@material-ui/core/Grid';
import WhiteAreaOfCard from './WhiteAreaOfCard.js';
+import ImportImages from "ImportImages.js"
+const Imagem = ImportImages('Imagem');
+
export default function ResourceCard(props) {
const getThumb = () => {
return props.thumb ?
`https://api.portalmec.c3sl.ufpr.br${props.thumb}`
- : require('../../img/laranja/IMAGEM.jpg');
+ : Imagem;
}
diff --git a/src/Components/IframeOverlay/SmallFooter.js b/src/Components/IframeOverlay/SmallFooter.js
index 95350b07de94f7287391c608dd00c2cd9f4753bf..0eeeb05c453d7e6b47e05c7d3efd7952fcdde5e1 100644
--- a/src/Components/IframeOverlay/SmallFooter.js
+++ b/src/Components/IframeOverlay/SmallFooter.js
@@ -1,6 +1,9 @@
import React from 'react';
import styled from 'styled-components';
-import ImgInfo from '../../img/acesso-a-informacao.png';
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const acessoInfo = ImportImages('acessoInfo');
export default function SmallFooter(props) {
return(
@@ -13,7 +16,7 @@ export default function SmallFooter(props) {
rel="noreferrer"
target="_blank"
>
- <Img src={ImgInfo} />
+ <Img src={acessoInfo} />
</a>
</ImgDiv>
<TextDiv>
diff --git a/src/Components/MenuList.js b/src/Components/MenuList.js
index 65ab3c6b76925816bb26b17ce48e8793192667a2..189047bc2d160e45adfce5eb6d94e1c5b41cac91 100644
--- a/src/Components/MenuList.js
+++ b/src/Components/MenuList.js
@@ -24,11 +24,14 @@ 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 Profile from '../img/default_profile0.png'
import styled from 'styled-components'
import {apiDomain} from '../env.js'
import {deleteRequest} from './HelperFunctions/getAxiosConfig'
+//Image Import
+import ImportImages from "ImportImages.js"
+const Profile = ImportImages('Profile');
+
const OverrideButton = styled(Button)`
text-transform : none !important;
diff --git a/src/Components/MobileDrawerMenu.js b/src/Components/MobileDrawerMenu.js
index f99498f24c46eec01ff1b6aa6ee1f20bbe8d4197..d12f21ecc5f08dcbb2741516fd80cd12d8951e87 100644
--- a/src/Components/MobileDrawerMenu.js
+++ b/src/Components/MobileDrawerMenu.js
@@ -29,12 +29,15 @@ 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 DefaultAvatar from '../img/default_profile0.png'
import SettingsIcon from '@material-ui/icons/Settings';
import { apiDomain } from '../env.js'
import { deleteRequest } from './HelperFunctions/getAxiosConfig'
import CloudUploadIcon from '@material-ui/icons/CloudUpload';
+//Image Import
+import ImportImages from "ImportImages.js"
+const Profile = ImportImages('Profile');
+
export default function MobileDrawerMenu(props) {
const { state, dispatch } = useContext(Store)
@@ -95,7 +98,7 @@ export default function MobileDrawerMenu(props) {
const getUserAvatar = () => {
if (state.currentUser.avatar === '' || state.currentUser.avatar == null) {
- return DefaultAvatar
+ return Profile
}
else {
return apiDomain + state.currentUser.avatar
diff --git a/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js b/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js
index 294bcdb0630ca4f6dceaaec40f1665973dc97e85..27067354e86ab645c4d6a4c42c44102f8b89b4bb 100644
--- a/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js
+++ b/src/Components/ModalAlterarAvatar/ComponentAlterarAvatar.js
@@ -22,10 +22,13 @@ import styled from 'styled-components'
import {Store} from '../../Store.js'
import {apiDomain} from '../../env';
import CloseIcon from '@material-ui/icons/Close';
-import Profile from '../../img/default_profile0.png'
import Cropper from '../Cropper.js'
import {putRequest} from '../HelperFunctions/getAxiosConfig'
+//Image Import
+import ImportImages from "ImportImages.js"
+const Profile = ImportImages('Profile');
+
function ChooseImage (props) {
return (
<div style={{marginTop:"0"}}>
diff --git a/src/Components/PageProfessorComponents/SuccessfulRequest.js b/src/Components/PageProfessorComponents/SuccessfulRequest.js
index b6d479e6b9cf54d684da5aaacc794a6e1f10614c..55855dcbac43cce8ff699723d226cf9e9fd83c0e 100644
--- a/src/Components/PageProfessorComponents/SuccessfulRequest.js
+++ b/src/Components/PageProfessorComponents/SuccessfulRequest.js
@@ -1,7 +1,10 @@
import React from 'react'
import styled from 'styled-components'
import {ButtonConfirmar} from './PartOne.js'
-import Comentarios from '../../img/comentarios.png'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const Comentarios = ImportImages('Comentarios');
export default function SuccessfulRequest (props) {
const h4Text = 'Obrigado por fazer parte dessa rede!'
diff --git a/src/Components/ResourceCard.js b/src/Components/ResourceCard.js
index 2e76e5fc66116d288e3be56b7af41c85ef77878e..418bba4df44ceccaa39ffedc12c147392a666a28 100644
--- a/src/Components/ResourceCard.js
+++ b/src/Components/ResourceCard.js
@@ -26,44 +26,47 @@ import IconButton from "@material-ui/core/IconButton";
import Typography from "@material-ui/core/Typography";
import FavoriteIcon from "@material-ui/icons/Favorite";
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 Rating from "@material-ui/lab/Rating";
import StarBorderIcon from "@material-ui/icons/StarBorder";
import { apiDomain } from "../env";
import AddIcon from "@material-ui/icons/CreateNewFolder";
import Options from "./CardOptions";
import Video from "@material-ui/icons/OndemandVideo";
-import noAvatar from "../img/default_profile.png";
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const Animacao = ImportImages('Animacao');
+const Apresentacao = ImportImages('Apresentacao');
+const AplicativoMovel = ImportImages('AplicativoMovel');
+const Audio = ImportImages('Audio');
+const Empty = ImportImages('Empty');
+const Imagem = ImportImages('Imagem');
+const Infografico = ImportImages('Infografico');
+const Jogo = ImportImages('Jogo');
+const LivroDigital = ImportImages('LivroDigital');
+const Mapa = ImportImages('Mapa');
+const Outros = ImportImages('Outros');
+const SoftwareEducacional = ImportImages('SoftwareEducacional');
+const Texto = ImportImages('Texto');
+const video = ImportImages('Video');
+const noAvatar = ImportImages('noAvatar');
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: "Animação", thumb: Animacao },
+ { label: "Apresentação", thumb: Apresentacao },
+ { label: "Aplicativo Movel", thumb: AplicativoMovel },
+ { label: "Ãudio", thumb: Audio },
+ { label: "Vazio", thumb: Empty },
+ { label: "Imagem", thumb: Imagem },
+ { label: "Gráfico", thumb: Infografico },
+ { label: "Jogo", thumb: Jogo },
+ { label: "Livro", thumb: LivroDigital },
+ { label: "Livro digital", thumb: LivroDigital },
+ { label: "Mapa", thumb: Mapa },
+ { label: "Outros", thumb: Outros },
+ { label: "Software Educacional", thumb: SoftwareEducacional },
+ { label: "Software", thumb: SoftwareEducacional },
+ { label: "Texto", thumb: Texto },
{ label: "VÃdeo", thumb: video }
];
const slideStyle = {
diff --git a/src/Components/ResourceCardFunction.js b/src/Components/ResourceCardFunction.js
index 62aa64614e3427ad4f9617f1ac6ce3daf956ce28..8e3db84b6e6efd8b5d8167210863b777ec428f22 100644
--- a/src/Components/ResourceCardFunction.js
+++ b/src/Components/ResourceCardFunction.js
@@ -20,7 +20,6 @@ import React, { useState, useEffect } from 'react';
import Card from '@material-ui/core/Card';
import { apiDomain } from '../env';
import ResourceCardOptions from './ResourceCardOptions'
-import noAvatar from "../img/default_profile.png";
import Button from '@material-ui/core/Button';
import styled from 'styled-components'
import Rating from '@material-ui/lab/Rating';
@@ -38,6 +37,11 @@ import LoginModal from './LoginModal.js'
import Snackbar from '@material-ui/core/Snackbar';
import MuiAlert from '@material-ui/lab/Alert';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+const IcDefault = ImportImages('IcDefault');
+
export default function ResourceCardFunction(props) {
const [thumbnail, setThumbnail] = useState(null)
// eslint-disable-next-line
@@ -62,14 +66,14 @@ export default function ResourceCardFunction(props) {
setThumbnail(`${apiDomain}` + props.thumbnail)
}
else {
- setThumbnail(getDefaultThumbnail(label))
+ setThumbnail(getDefaultThumbnail(label))
}
if (props.avatar) {
setUserAvatar(`${apiDomain}` + props.avatar)
}
else {
- setUserAvatar(require('../img/logo_parceiros/ic_default.png'))
+ setUserAvatar(IcDefault)
}
}, [])
diff --git a/src/Components/ResourcePageComponents/CommentsArea.js b/src/Components/ResourcePageComponents/CommentsArea.js
index 578ab7d29d668fe3204a7ed77bcd61b7764e1ae5..79b031f580465b3891ca077c616da861132855f8 100644
--- a/src/Components/ResourcePageComponents/CommentsArea.js
+++ b/src/Components/ResourcePageComponents/CommentsArea.js
@@ -22,7 +22,6 @@ import styled from 'styled-components'
import Grid from '@material-ui/core/Grid';
import { Button } from '@material-ui/core';
import ExitToAppIcon from '@material-ui/icons/ExitToApp';
-import Comentarios from '../../img/comentarios.png'
import { apiDomain } from '../../env';
import CommentForm from './CommentForm.js'
import Comment from '../Comment.js'
@@ -32,7 +31,11 @@ import Snackbar from '@material-ui/core/Snackbar';
import SignUpModal from './../SignUpModal'
import MuiAlert from '@material-ui/lab/Alert';
import CircularProgress from '@material-ui/core/CircularProgress';
-import noAvatar from '../../img/default_profile.png';
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const Comentarios = ImportImages('Comentarios');
+const noAvatar = ImportImages('noAvatar');
function Alert(props) {
return <MuiAlert elevation={6} variant="filled" {...props} />;
diff --git a/src/Components/ResourcePageComponents/Sobre.js b/src/Components/ResourcePageComponents/Sobre.js
index 2de37ad9f73eb7abd78231d078a02c91e6ba350d..6cc53c5929fca327174c107ad827b0f46c5b8ed7 100644
--- a/src/Components/ResourcePageComponents/Sobre.js
+++ b/src/Components/ResourcePageComponents/Sobre.js
@@ -32,13 +32,16 @@ import ExpandLessIcon from '@material-ui/icons/ExpandLess';
import DateRangeIcon from '@material-ui/icons/DateRange';
import UpdateIcon from '@material-ui/icons/Update';
import AssignmentIcon from '@material-ui/icons/Assignment';
-import License from '../../img/cc_license.png'
import ContactCardOptions from '../ContactCardOptions.js'
import LoginModal from './../LoginModal.js'
import Snackbar from '@material-ui/core/Snackbar';
import SignUpModal from './../SignUpModal'
import MuiAlert from '@material-ui/lab/Alert';
+//Image Import
+import ImportImages from "ImportImages.js"
+const License = ImportImages('License');
+
function Alert(props) {
return <MuiAlert elevation={6} variant="filled" {...props} />;
}
diff --git a/src/Components/SearchSection.js b/src/Components/SearchSection.js
index 66380b80cb52a8eb34fd22066a5c2ebb62dc3b12..3160e3fcc9588d5f55262693b4e74840cddd7fc8 100644
--- a/src/Components/SearchSection.js
+++ b/src/Components/SearchSection.js
@@ -18,13 +18,16 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, {Component} from 'react';
import '../App.css';
-import banner from '../img/bannerBusca.jpg';
// import SearchBar from './SearchBar';
import {Row} from 'react-grid-system';
import {MdInfoOutline} from "react-icons/md"
import { FaRegPlayCircle} from "react-icons/fa";
import ModalVideoApresentacao from "./ModalVideoApresentacao.js"
+//Image Import
+import ImportImages from "ImportImages.js"
+const banner = ImportImages('banner');
+
const bannerStyle = {
width: "100%",
backgroundImage: `url(${banner})`,
diff --git a/src/Components/SearchSectionFunction.js b/src/Components/SearchSectionFunction.js
index 97d5a43977d986fa5e890ec2f102375008f64f29..29107d5997952425f555c2981aba4a5ce1ba0d6d 100644
--- a/src/Components/SearchSectionFunction.js
+++ b/src/Components/SearchSectionFunction.js
@@ -19,8 +19,6 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, {useState} from 'react';
import '../App.css';
import styled from 'styled-components'
-import banner from '../img/bannerBusca.jpg';
-import bannerMobile from '../img/banner-mobile.jpg'
// import SearchBar from './SearchBar';
import {Row} from 'react-grid-system';
import {MdInfoOutline} from "react-icons/md"
@@ -30,6 +28,11 @@ import {Link} from 'react-router-dom'
import Grid from '@material-ui/core/Grid';
import HomeScreenSearchBar from './HomeScreenSearchBar'
+//Image Import
+import ImportImages from "ImportImages.js"
+const banner = ImportImages('banner');
+const bannerMobile = ImportImages('bannerMobile');
+
export default function SearchSection (props) {
const [modalOpen, handleModal] = useState(false)
const toggleModal = () => {handleModal(!modalOpen)}
diff --git a/src/Components/TabPanels/PanelComponents/NoContent.js b/src/Components/TabPanels/PanelComponents/NoContent.js
index 7c8c7141476c3c2793931b448168ce3db00ddc50..7d39c08945ffa8788080b76d204b19462f3ae928 100644
--- a/src/Components/TabPanels/PanelComponents/NoContent.js
+++ b/src/Components/TabPanels/PanelComponents/NoContent.js
@@ -18,9 +18,10 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react'
import styled from 'styled-components'
-import defaultNoContent from '../../../img/img-16.png'
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const defaultNoContent = ImportImages('defaultNoContent');
export default function NoContent({text, image}) {
diff --git a/src/Components/TabPanels/PanelComponents/TemplateColecao.js b/src/Components/TabPanels/PanelComponents/TemplateColecao.js
index b1526eb584834bb5c45f03436eef946c512b8512..28c0d7eb1272800316319d5d4e1b61ca5d5f87b9 100644
--- a/src/Components/TabPanels/PanelComponents/TemplateColecao.js
+++ b/src/Components/TabPanels/PanelComponents/TemplateColecao.js
@@ -24,7 +24,10 @@ import Title from './PanelTitle.js'
import { WhiteContainer, StyledGrid } from '../StyledComponents.js'
import { ButtonsAreaColecao } from './ButtonsArea'
import LoadingSpinner from '../../LoadingSpinner.js'
-import noCollFound from '../../../img/Pagina_vazia_colecao.png'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const ColecaoVazia = ImportImages('ColecaoVazia');
export default function PanelTemplateColecao(props) {
const RenderFollowedColCard = (card, followerBoolean) => {
@@ -89,7 +92,7 @@ export default function PanelTemplateColecao(props) {
(
<NoContent
text={props.noContentText}
- image={noCollFound}
+ image={ColecaoVazia}
/>
)
:
diff --git a/src/Components/TabPanels/PanelComponents/TemplateRecurso.js b/src/Components/TabPanels/PanelComponents/TemplateRecurso.js
index d77f0208d3f072a5385a598d9d99c74e963cead2..4b7783de7a64b1663fcb97db0049fd105d2a268a 100644
--- a/src/Components/TabPanels/PanelComponents/TemplateRecurso.js
+++ b/src/Components/TabPanels/PanelComponents/TemplateRecurso.js
@@ -24,7 +24,10 @@ import Title from './PanelTitle.js'
import { WhiteContainer, StyledGrid } from '../StyledComponents.js'
import { ButtonsAreaRecurso } from './ButtonsArea'
import LoadingSpinner from '../../LoadingSpinner.js'
-import noLearnObjFound from '../../../img/Pagina_vazia_Sem_publicar.png'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const RecursoVazio = ImportImages('RecursoVazio');
export default function Template(props) {
@@ -47,7 +50,7 @@ export default function Template(props) {
(
<NoContent
text={props.noContentText}
- image={noLearnObjFound}
+ image={RecursoVazio}
/>
)
:
diff --git a/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js b/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js
index 6e32577f77617b47bda1298c2a583ce7a50cf249..8d7e763235c0342a871a2da25883e5b8c5d816a6 100644
--- a/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js
+++ b/src/Components/TabPanels/PublicUserPageTabs/LastCollections.js
@@ -21,7 +21,10 @@ import Grid from '@material-ui/core/Grid';
import { HeaderGrid, StyledGrid } from '../StyledComponents.js'
import { NoContent } from './TabInicio.js'
import CollectionCardFunction from '../../CollectionCardFunction.js'
-import NoCol from '../../../img/Pagina_vazia_colecao.png'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const ColecaoVazia = ImportImages('ColecaoVazia');
export default function LastCols(props) {
return (
@@ -40,7 +43,7 @@ export default function LastCols(props) {
<Grid container>
<Grid item xs={12}>
<NoContent
- image={NoCol}
+ image={ColecaoVazia}
text1={props.username + " ainda não disponibilizou nenhuma coleção."}
text2={"Quando disponibilizar, elas aparecerão aqui."}
/>
diff --git a/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js b/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js
index 2a489ac6808bad38d577ef87125d56e60bcd4f7e..ec4b43d4225a7debc1626155c6f2531cc0e107d1 100644
--- a/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js
+++ b/src/Components/TabPanels/PublicUserPageTabs/LastLearnObj.js
@@ -19,10 +19,13 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react'
import Grid from '@material-ui/core/Grid';
import ResourceCardFunction from '../../ResourceCardFunction.js'
-import NoPub from '../../../img/Pagina_vazia_Sem_publicar.png'
import { HeaderGrid, StyledGrid } from '../StyledComponents.js'
import { NoContent } from './TabInicio.js'
+//Image Import
+import ImportImages from "ImportImages.js"
+const RecursoVazio = ImportImages('RecursoVazio');
+
export default function LastLearnObjs(props) {
return (
<React.Fragment>
@@ -39,7 +42,7 @@ export default function LastLearnObjs(props) {
<Grid container>
<Grid item xs={12}>
<NoContent
- image={NoPub}
+ image={RecursoVazio}
text1={props.username + " ainda não disponibilizou nenhum recurso."}
text2={"Quando disponibilizar, eles aparecerão aqui."}
/>
diff --git a/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js b/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js
index 6d15099126be1f6637d77c754b1b21ddcb97284b..92495f387105251502db828368c644d1e7fb9036 100644
--- a/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js
+++ b/src/Components/TabPanels/UserPageTabs/ContainerRedeVazia.js
@@ -18,13 +18,16 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React from 'react'
import styled from 'styled-components'
-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 TabRedeImgDiv from './TabRedeImgDiv.js'
import {WhiteContainer} from '../StyledComponents.js'
import Grid from '@material-ui/core/Grid';
+//Image Import
+import ImportImages from "ImportImages.js"
+const NoRede1 = ImportImages('NoRede1');
+const NoRede2 = ImportImages('NoRede2');
+const NoRede3 = ImportImages('NoRede3');
+
export default function ContainerRedeVazia (props) {
return (
<React.Fragment>
diff --git a/src/Components/TabPanels/UserPageTabs/ModalExcluirConta.js b/src/Components/TabPanels/UserPageTabs/ModalExcluirConta.js
index 1d4410498bd71d489e4d8ccd9a3284bb8f890662..145b885467edf4e70926afd9889b715c67ee377d 100644
--- a/src/Components/TabPanels/UserPageTabs/ModalExcluirConta.js
+++ b/src/Components/TabPanels/UserPageTabs/ModalExcluirConta.js
@@ -24,13 +24,16 @@ 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 ExcluirAvatar from '../../../img/Excluir.png'
import GreyButton from '../../GreyButton'
import FormInput from '../../FormInput'
import {Link} from 'react-router-dom'
import SnackbarComponent from '../../SnackbarComponent.js'
import {deleteRequest} from '../../HelperFunctions/getAxiosConfig'
+//Image Import
+import ImportImages from "ImportImages.js"
+const ExcluirAvatar = ImportImages('ExcluirAvatar');
+
function CloseModalButton (props) {
return (
<StyledCloseModalButton onClick={props.handleClose}>
diff --git a/src/Components/TabPanels/UserPageTabs/PanelAtividades.js b/src/Components/TabPanels/UserPageTabs/PanelAtividades.js
index bd7fd73dce890f685a1e6aba0aa3f9b2e348a42c..7ec2bbea02550c730c9331dc5bbc92afada5c784 100644
--- a/src/Components/TabPanels/UserPageTabs/PanelAtividades.js
+++ b/src/Components/TabPanels/UserPageTabs/PanelAtividades.js
@@ -21,15 +21,17 @@ import styled from 'styled-components'
import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';
import { apiDomain } from '../../../env';
-import Bolo from '../../../img/Bolo.png'
import LoadingSpinner from '../../LoadingSpinner.js'
import ActivityListItem from '../../ActivityListItem.js'
import List from '@material-ui/core/List';
import { getRequest } from '../../HelperFunctions/getAxiosConfig.js'
import Grid from '@material-ui/core/Grid';
-import DefaultProfile from '../../../img/default_profile.png';
import SnackBar from '../../SnackbarComponent'
+//Image Import
+import ImportImages from "ImportImages.js"
+const Bolo = ImportImages('Bolo');
+const DefaultProfile = ImportImages('DefaultProfile');
export default function TabPanelAtividades(props) {
diff --git a/src/Components/TabPanels/UserPageTabs/PanelColecoes.js b/src/Components/TabPanels/UserPageTabs/PanelColecoes.js
index 3abc14f58d9dae31f8a949f890890dcfa0f85c25..4767477e1440a2527733313564ecaed035ee3343 100644
--- a/src/Components/TabPanels/UserPageTabs/PanelColecoes.js
+++ b/src/Components/TabPanels/UserPageTabs/PanelColecoes.js
@@ -22,7 +22,6 @@ import styled from 'styled-components'
import Grid from '@material-ui/core/Grid';
import LoadingSpinner from '../../LoadingSpinner.js'
import PanelTemplateColecao from '../PanelComponents/TemplateColecao.js'
-import PaginaVaziaColecao from '../../../img/Pagina_vazia_colecao.png'
import { WhiteContainer, StyledGrid } from '../StyledComponents.js'
import CreateNewFolderIcon from '@material-ui/icons/CreateNewFolder';
import Title from '../PanelComponents/PanelTitle.js'
@@ -31,6 +30,10 @@ import { ButtonsAreaColecao } from '../PanelComponents/ButtonsArea'
import CriarColecaoModal from '../../CriarColecaoModal.js'
import { fetchAllRequest, getRequest } from '../../HelperFunctions/getAxiosConfig'
+//Image Import
+import ImportImages from "ImportImages.js"
+const ColecaoVazia = ImportImages('ColecaoVazia');
+
export default function TabPanelColecoes(props) {
const [loading, handleLoading] = useState(true)
@@ -163,7 +166,7 @@ export default function TabPanelColecoes(props) {
noContentText={
<Grid direction='column' justify='center' alignItems='center'>
<Grid item>
- <img src={PaginaVaziaColecao} alt="PaginaVaziaColecao" style={{ height: "150px", width: "150px", verticalAlign: "middle", border: "0" }} />
+ <img src={ColecaoVazia} alt="ColecaoVazia" style={{ height: "150px", width: "150px", verticalAlign: "middle", border: "0" }} />
</Grid>
<Grid>
<span style={{ fontFamily: "Roboto", fontWeight: "lighter", fontSize: "24px", textAlign: 'center' }}>
diff --git a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
index f65e6417a460b08bf87221fb28aa8cec321a2c97..d27f575a9451cffa88b1c3d936ada82e2fe83853 100644
--- a/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
+++ b/src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js
@@ -29,7 +29,10 @@ import ValidateUserInput from '../../HelperFunctions/FormValidationFunction.js'
import { apiDomain } from '../../../env.js'
import ModalAlterarCover from '../../ModalAlterarCover/ModalAlterarCover.js'
import ModalAlterarAvatar from '../../ModalAlterarAvatar/ModalAlterarAvatar.js'
-import Profile from '../../../img/default_profile0.png'
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const Profile = ImportImages('Profile');
export default function TabPanelEditarPerfil(props) {
// eslint-disable-next-line
diff --git a/src/Components/UserPageComponents/Avatar.js b/src/Components/UserPageComponents/Avatar.js
index 8c381f197741f833d9171c58b780ffb37bb8ad1b..f2c7f6bf6ec30ec7c03d975cc7890b5b1daa6d79 100644
--- a/src/Components/UserPageComponents/Avatar.js
+++ b/src/Components/UserPageComponents/Avatar.js
@@ -19,9 +19,12 @@ import React, {useState, useContext, useEffect} from 'react';
import styled from 'styled-components'
import { Store } from '../../Store.js';
import { apiDomain} from '../../env';
-import noAvatar from "../../img/default_profile.png";
import ModalAlterarAvatar from '../ModalAlterarAvatar/ModalAlterarAvatar.js'
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
export default function ProfileAvatar (props) {
// eslint-disable-next-line
const {state, dispatch} = useContext(Store)
diff --git a/src/ImportImages.js b/src/ImportImages.js
new file mode 100644
index 0000000000000000000000000000000000000000..69449a52af1b794a4201d461aeb201dc9b7e3f5d
--- /dev/null
+++ b/src/ImportImages.js
@@ -0,0 +1,285 @@
+/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
+Departamento de Informatica - Universidade Federal do Parana
+
+This file is part of Plataforma Integrada MEC.
+
+Plataforma Integrada MEC is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plataforma Integrada MEC is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+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/>.*/
+
+/*
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const = ImportImages('');
+
+Example:
+const baixar = ImportImages('baixar');
+
+For an example of how to convert png and jpg images to webp see convertWebp.sh in src/
+
+*/
+
+const ImportImages = function(image) {
+ const webpSupport = window.webpSupport;
+
+ if (webpSupport) {
+ switch (image) {
+ case 'acessoInfo': return require('./img/acesso-a-informacao.webp');
+ case 'Bolo': return require('./img/Bolo.webp');
+ case 'License': return require('./img/cc_license.webp');
+ case 'Comentarios': return require('./img/comentarios.webp');
+ case 'Profile': return require('./img/default_profile0.webp');
+ case 'noAvatar': return require('./img/default_profile.webp');
+ //case '': return require('./img/ecd.webp');
+ case 'eduConectada': return require('./img/educa-conectada.webp');
+ case 'ExcluirAvatar': return require('./img/Excluir.webp');
+ case 'FollowingIcon': return require('./img/how_to_reg-24px.webp');
+ case 'colecoes': return require('./img/ilustra_colecoes.webp');
+ case 'materiais': return require('./img/ilustra_materiais.webp');
+ case 'recursos': return require('./img/ilustra_recursos_digitais.webp');
+ case 'defaultNoContent': return require('./img/img-16.webp');
+ case 'acessar': return require('./img/nopub-Acessar-materiais.webp');
+ case 'baixar': return require('./img/nopub-Baixar.webp');
+ case 'compartilhar': return require('./img/nopub-Compartilhar.webp');
+ case 'guardar': return require('./img/nopub-Guardar.webp');
+ case 'relatar': return require('./img/nopub-Relatar.webp');
+ case 'seguir': return require('./img/nopub-Seguir.webp');
+ case 'NoRede1': return require('./img/no-rede-1.webp');
+ case 'NoRede2': return require('./img/no-rede-2.webp');
+ case 'NoRede3': return require('./img/no-rede-3.webp');
+ case 'ColecaoVazia': return require('./img/Pagina_vazia_colecao.webp');
+ case 'RecursoVazio': return require('./img/Pagina_vazia_Sem_publicar.webp');
+ case 'Publicar': return require('./img/Publicar.webp');
+ case 'banner': return require('./img/bannerBusca.webp');
+ case 'bannerMobile': return require('./img/banner-mobile.webp');
+ case 'Banner1': return require('./img/banner-sobre.webp');
+ //case '': return require('./img/girassol.webp');
+ case 'Banner3': return require('./img/ajuda/Banner3.webp');
+ case 'EncontrandoRecurso': return require('./img/ajuda/Encontrando_recursos.webp');
+ case 'GerenciandoConta': return require('./img/ajuda/Gerenciando_a_conta.webp');
+ case 'ParticipandoRede': return require('./img/ajuda/Participando_da_rede.webp');
+ case 'PublicandoRecursos': return require('./img/ajuda/Publicando_recursos.webp');
+ case 'Busca': return require('./img/ajuda/busca_img.webp');
+ case 'Filtros': return require('./img/ajuda/filtros_img.webp');
+ case 'LoginImg': return require('./img/ajuda/login_img.webp');
+ case 'RecuperarSenhaImg': return require('./img/ajuda/recuperarsenha_img.webp');
+ //case '': return require('./img/carousel/Icone_Ativado_dot1.webp');
+ //case '': return require('./img/carousel/Icone_Ativado_dot2.webp');
+ //case '': return require('./img/carousel/Icone_Ativado_dot3.webp');
+ //case '': return require('./img/carousel/Icone_Ativado_dot4.webp');
+ //case '': return require('./img/carousel/Icone_Ativado_dot5.webp');
+ //case '': return require('./img/carousel/Icone_Desativado_dot1.webp');
+ //case '': return require('./img/carousel/Icone_Desativado_dot2.webp');
+ //case '': return require('./img/carousel/Icone_Desativado_dot3.webp');
+ //case '': return require('./img/carousel/Icone_Desativado_dot4.webp');
+ //case '': return require('./img/carousel/Icone_Desativado_dot5.webp');
+ case 'Img1': return require('./img/carousel/Icone_Grande (1).webp');
+ case 'Img2': return require('./img/carousel/Icone_Grande (2).webp');
+ case 'Img3': return require('./img/carousel/Icone_Grande (3).webp');
+ case 'Img4': return require('./img/carousel/Icone_Grande (4).webp');
+ case 'Img5': return require('./img/carousel/Icone_Grande (5).webp');
+ case 'Animacao': return require('./img/laranja/ANIMACAO_SIMULACAO.webp');
+ case 'AplicativoMovel': return require('./img/laranja/APP.webp');
+ case 'Apresentacao': return require('./img/laranja/APRESENTACAO.webp');
+ case 'Audio': return require('./img/laranja/AUDIO.webp');
+ case 'Empty': return require('./img/laranja/EMPTY.webp');
+ case 'Imagem': return require('./img/laranja/IMAGEM.webp');
+ case 'Infografico': return require('./img/laranja/INFOGRAFICO.webp');
+ case 'Jogo': return require('./img/laranja/JOGO.webp');
+ case 'LivroDigital': return require('./img/laranja/LIVRO_DIGITAL.webp');
+ case 'Mapa': return require('./img/laranja/MAPA.webp');
+ case 'Outros': return require('./img/laranja/OUTROS.webp');
+ case 'SoftwareEducacional': return require('./img/laranja/SOFTWARE.webp');
+ case 'Texto': return require('./img/laranja/TEXTO.webp');
+ case 'Video': return require('./img/laranja/VIDEO.webp');
+ case 'Educagital': return require('./img/logo_parceiros/educagital.webp');
+ case 'EnefAef': return require('./img/logo_parceiros/ENEF_AEF.webp');
+ case 'FundacaoLemann': return require('./img/logo_parceiros/fundacao-lemann.webp');
+ case 'Futura': return require('./img/logo_parceiros/futura.webp');
+ //case '': return require('./img/logo_parceiros/ic_bioe.webp');
+ case 'IcDefault': return require('./img/logo_parceiros/ic_default.webp');
+ //case '': return require('./img/logo_parceiros/ic_diaadia.webp');
+ //case '': return require('./img/logo_parceiros/ic_dominiopublico.webp');
+ //case '': return require('./img/logo_parceiros/ic_escoladigital.webp');
+ case 'IcNute': return require('./img/logo_parceiros/ic_nute.webp');
+ case 'IcPeninsula': return require('./img/logo_parceiros/ic_peninsula.webp');
+ //case '': return require('./img/logo_parceiros/ic_phet.webp');
+ //case '': return require('./img/logo_parceiros/ic_portaldoprofessor.webp');
+ //case '': return require('./img/logo_parceiros/ic_tvescola.webp');
+ case 'Impa': return require('./img/logo_parceiros/impa.webp');
+ case 'Impulsiona': return require('./img/logo_parceiros/impulsiona.webp');
+ case 'InstitutoCrescer': return require('./img/logo_parceiros/instituto-crescer.webp');
+ case 'InstPeninsula': return require('./img/logo_parceiros/inst-peninsula.webp');
+ case 'LogoBioe': return require('./img/logo_parceiros/logo_bioe.webp');
+ case 'LogoDominioPublico': return require('./img/logo_parceiros/logo_dominiopublico.webp');
+ //case '': return require('./img/logo_parceiros/logo_escoladigital.webp');
+ case 'LogoPortalDoProfessor': return require('./img/logo_parceiros/logo_portaldoprofessor.webp');
+ case 'LogoTvEscola': return require('./img/logo_parceiros/logo_tvescola.webp');
+ case 'RedeEscola': return require('./img/logo_parceiros/redeescola.webp');
+ case 'Safer': return require('./img/logo_parceiros/safer.webp');
+ case 'Telefonica': return require('./img/logo_parceiros/telefonica.webp');
+ case 'Alunos': return require('./img/sobre/Alunos.webp');
+ case 'Comunidade': return require('./img/sobre/comunidade.webp');
+ case 'Gestores': return require('./img/sobre/Gestores.webp');
+ case 'Notebook': return require('./img/sobre/Imagem_Notebook.webp');
+ case 'Banner2': return require('./img/sobre/banner-sobre-2.webp');
+ case 'Professores': return require('./img/sobre/professores.webp');
+ case 'Aberto': return require('./img/termos/Aberto.webp');
+ //case '': return require('./img/termos/Arrow_aberto e fechado-1.webp');
+ //case '': return require('./img/termos/Arrow_aberto e fechado.webp');
+ //case '': return require('./img/termos/Arrow_Direito do autor.webp');
+ //case '': return require('./img/termos/Arrow_Direitos e Licença1.webp');
+ //case '': return require('./img/termos/Arrow_Direitos e Licença2.webp');
+ case 'Arrow_O_1': return require('./img/termos/Arrow_O que é a plataforma-1.webp');
+ case 'Arrow_O': return require('./img/termos/Arrow_O que é a plataforma.webp');
+ case 'BuscaTermos': return require('./img/termos/Busca.webp');
+ //case '': return require('./img/termos/Compromisso.webp');
+ case 'Fechado': return require('./img/termos/Fechado.webp');
+ //case '': return require('./img/termos/Mail.webp');
+ //case '': return require('./img/termos/Negativo.webp');
+ case 'OrthogonalLineDown': return require('./img/termos/OrthogonalLineDown.webp');
+ case 'OrthogonalLineUp': return require('./img/termos/OrthogonalLineUp.webp');
+ //case '': return require('./img/termos/Positivo.webp');
+ //case '': return require('./img/termos/Senha.webp');
+ //case '': return require('./img/termos/Usuário.webp');
+ case 'Banner': return require('./img/termos/banner.webp');
+ default: return;
+ }
+ }
+ else {
+ switch (image) {
+ case 'acessoInfo': return require('./img/acesso-a-informacao.png');
+ case 'Bolo': return require('./img/Bolo.png');
+ case 'License': return require('./img/cc_license.png');
+ case 'Comentarios': return require('./img/comentarios.png');
+ case 'Profile': return require('./img/default_profile0.png');
+ case 'noAvatar': return require('./img/default_profile.png');
+ //case '': return require('./img/ecd.png');
+ case 'eduConectada': return require('./img/educa-conectada.png');
+ case 'ExcluirAvatar': return require('./img/Excluir.png');
+ case 'FollowingIcon': return require('./img/how_to_reg-24px.png');
+ case 'colecoes': return require('./img/ilustra_colecoes.png');
+ case 'materiais': return require('./img/ilustra_materiais.png');
+ case 'recursos': return require('./img/ilustra_recursos_digitais.png');
+ case 'defaultNoContent': return require('./img/img-16.png');
+ case 'acessar': return require('./img/nopub-Acessar-materiais.png');
+ case 'baixar': return require('./img/nopub-Baixar.png');
+ case 'compartilhar': return require('./img/nopub-Compartilhar.png');
+ case 'guardar': return require('./img/nopub-Guardar.png');
+ case 'relatar': return require('./img/nopub-Relatar.png');
+ case 'seguir': return require('./img/nopub-Seguir.png');
+ case 'NoRede1': return require('./img/no-rede-1.png');
+ case 'NoRede2': return require('./img/no-rede-2.png');
+ case 'NoRede3': return require('./img/no-rede-3.png');
+ case 'ColecaoVazia': return require('./img/Pagina_vazia_colecao.png');
+ case 'RecursoVazio': return require('./img/Pagina_vazia_Sem_publicar.png');
+ case 'Publicar': return require('./img/Publicar.png');
+ case 'banner': return require('./img/bannerBusca.jpg');
+ case 'bannerMobile': return require('./img/banner-mobile.jpg');
+ case 'Banner1': return require('./img/banner-sobre.jpg');
+ //case '': return require('./img/girassol.jpg');
+ case 'Banner3': return require('./img/ajuda/Banner3.png');
+ case 'EncontrandoRecurso': return require('./img/ajuda/Encontrando_recursos.png');
+ case 'GerenciandoConta': return require('./img/ajuda/Gerenciando_a_conta.png');
+ case 'ParticipandoRede': return require('./img/ajuda/Participando_da_rede.png');
+ case 'PublicandoRecursos': return require('./img/ajuda/Publicando_recursos.png');
+ case 'Busca': return require('./img/ajuda/busca_img.jpg');
+ case 'Filtros': return require('./img/ajuda/filtros_img.jpg');
+ case 'LoginImg': return require('./img/ajuda/login_img.jpg');
+ case 'RecuperarSenhaImg': return require('./img/ajuda/recuperarsenha_img.jpg');
+ //case '': return require('./img/carousel/Icone_Ativado_dot1.png');
+ //case '': return require('./img/carousel/Icone_Ativado_dot2.png');
+ //case '': return require('./img/carousel/Icone_Ativado_dot3.png');
+ //case '': return require('./img/carousel/Icone_Ativado_dot4.png');
+ //case '': return require('./img/carousel/Icone_Ativado_dot5.png');
+ //case '': return require('./img/carousel/Icone_Desativado_dot1.png');
+ //case '': return require('./img/carousel/Icone_Desativado_dot2.png');
+ //case '': return require('./img/carousel/Icone_Desativado_dot3.png');
+ //case '': return require('./img/carousel/Icone_Desativado_dot4.png');
+ //case '': return require('./img/carousel/Icone_Desativado_dot5.png');
+ case 'Img1': return require('./img/carousel/Icone_Grande (1).png');
+ case 'Img2': return require('./img/carousel/Icone_Grande (2).png');
+ case 'Img3': return require('./img/carousel/Icone_Grande (3).png');
+ case 'Img4': return require('./img/carousel/Icone_Grande (4).png');
+ case 'Img5': return require('./img/carousel/Icone_Grande (5).png');
+ case 'Animacao': return require('./img/laranja/ANIMACAO_SIMULACAO.jpg');
+ case 'AplicativoMovel': return require('./img/laranja/APP.jpg');
+ case 'Apresentacao': return require('./img/laranja/APRESENTACAO.jpg');
+ case 'Audio': return require('./img/laranja/AUDIO.jpg');
+ case 'Empty': return require('./img/laranja/EMPTY.jpg');
+ case 'Imagem': return require('./img/laranja/IMAGEM.jpg');
+ case 'Infografico': return require('./img/laranja/INFOGRAFICO.jpg');
+ case 'Jogo': return require('./img/laranja/JOGO.jpg');
+ case 'LivroDigital': return require('./img/laranja/LIVRO_DIGITAL.jpg');
+ case 'Mapa': return require('./img/laranja/MAPA.jpg');
+ case 'Outros': return require('./img/laranja/OUTROS.jpg');
+ case 'SoftwareEducacional': return require('./img/laranja/SOFTWARE.jpg');
+ case 'Texto': return require('./img/laranja/TEXTO.jpg');
+ case 'Video': return require('./img/laranja/VIDEO.jpg');
+ case 'Educagital': return require('./img/logo_parceiros/educagital.png');
+ case 'EnefAef': return require('./img/logo_parceiros/ENEF_AEF.png');
+ case 'FundacaoLemann': return require('./img/logo_parceiros/fundacao-lemann.png');
+ case 'Futura': return require('./img/logo_parceiros/futura.png');
+ //case '': return require('./img/logo_parceiros/ic_bioe.png');
+ case 'IcDefault': return require('./img/logo_parceiros/ic_default.png');
+ //case '': return require('./img/logo_parceiros/ic_diaadia.png');
+ //case '': return require('./img/logo_parceiros/ic_dominiopublico.png');
+ //case '': return require('./img/logo_parceiros/ic_escoladigital.png');
+ case 'IcNute': return require('./img/logo_parceiros/ic_nute.png');
+ case 'IcPeninsula': return require('./img/logo_parceiros/ic_peninsula.png');
+ //case '': return require('./img/logo_parceiros/ic_phet.png');
+ //case '': return require('./img/logo_parceiros/ic_portaldoprofessor.png');
+ //case '': return require('./img/logo_parceiros/ic_tvescola.png');
+ case 'Impa': return require('./img/logo_parceiros/impa.png');
+ case 'Impulsiona': return require('./img/logo_parceiros/impulsiona.png');
+ case 'InstitutoCrescer': return require('./img/logo_parceiros/instituto-crescer.png');
+ case 'InstPeninsula': return require('./img/logo_parceiros/inst-peninsula.png');
+ case 'LogoBioe': return require('./img/logo_parceiros/logo_bioe.png');
+ case 'LogoDominioPublico': return require('./img/logo_parceiros/logo_dominiopublico.png');
+ //case '': return require('./img/logo_parceiros/logo_escoladigital.png');
+ case 'LogoPortalDoProfessor': return require('./img/logo_parceiros/logo_portaldoprofessor.png');
+ case 'LogoTvEscola': return require('./img/logo_parceiros/logo_tvescola.png');
+ case 'RedeEscola': return require('./img/logo_parceiros/redeescola.png');
+ case 'Safer': return require('./img/logo_parceiros/safer.png');
+ case 'Telefonica': return require('./img/logo_parceiros/telefonica.png');
+ case 'Alunos': return require('./img/sobre/Alunos.png');
+ case 'Comunidade': return require('./img/sobre/comunidade.png');
+ case 'Gestores': return require('./img/sobre/Gestores.png');
+ case 'Notebook': return require('./img/sobre/Imagem_Notebook.png');
+ case 'Banner2': return require('./img/sobre/banner-sobre-2.jpg');
+ case 'Professores': return require('./img/sobre/professores.jpg');
+ case 'Aberto': return require('./img/termos/Aberto.png');
+ //case '': return require('./img/termos/Arrow_aberto e fechado-1.png');
+ //case '': return require('./img/termos/Arrow_aberto e fechado.png');
+ //case '': return require('./img/termos/Arrow_Direito do autor.png');
+ //case '': return require('./img/termos/Arrow_Direitos e Licença1.png');
+ //case '': return require('./img/termos/Arrow_Direitos e Licença2.png');
+ case 'Arrow_O_1': return require('./img/termos/Arrow_O que é a plataforma-1.png');
+ case 'Arrow_O': return require('./img/termos/Arrow_O que é a plataforma.png');
+ case 'BuscaTermos': return require('./img/termos/Busca.png');
+ //case '': return require('./img/termos/Compromisso.png');
+ case 'Fechado': return require('./img/termos/Fechado.png');
+ //case '': return require('./img/termos/Mail.png');
+ //case '': return require('./img/termos/Negativo.png');
+ case 'OrthogonalLineDown': return require('./img/termos/OrthogonalLineDown.png');
+ case 'OrthogonalLineUp': return require('./img/termos/OrthogonalLineUp.png');
+ //case '': return require('./img/termos/Positivo.png');
+ //case '': return require('./img/termos/Senha.png');
+ //case '': return require('./img/termos/Usuário.png');
+ case 'Banner': return require('./img/termos/banner.jpg');
+ default: return;
+ }
+ }
+}
+
+export default ImportImages;
\ No newline at end of file
diff --git a/src/Pages/AboutPage.js b/src/Pages/AboutPage.js
index 98fdfd0596c3aa455cac4ee0b3769a7cdac3a1cd..b1cfcd3280be76157c2a9921fb032113d36cfe5c 100644
--- a/src/Pages/AboutPage.js
+++ b/src/Pages/AboutPage.js
@@ -26,12 +26,15 @@ import AboutCarouselPartner from '../Components/AboutCarouselPartner';
/*Importação de imagens para o componente*/
import Agpl from "../img/sobre/agpl.svg";
-import Banner from "../img/sobre/banner-sobre-2.jpg";
-import Notebook from "../img/sobre/Imagem_Notebook.png";
-import Professores from "../img/sobre/professores.jpg";
-import Alunos from "../img/sobre/Alunos.png";
-import Gestores from "../img/sobre/Gestores.png";
-import Comunidade from "../img/sobre/comunidade.png";
+
+//Image Import
+import ImportImages from "ImportImages.js"
+const Banner2 = ImportImages('Banner2');
+const Notebook = ImportImages('Notebook');
+const Professores = ImportImages('Professores');
+const Alunos = ImportImages('Alunos');
+const Gestores = ImportImages('Gestores');
+const Comunidade = ImportImages('Comunidade');
const Secao1 = styled.div`
@@ -271,7 +274,7 @@ const Secao4 = styled.div`
const Secao5 = styled.div`
height: 370px;
- background-image: url(${Banner});
+ background-image: url(${Banner2});
background-position: top center;
background-size: cover;
text-align: center;
diff --git a/src/Pages/CollectionPage.js b/src/Pages/CollectionPage.js
index 51c8ba5ce7b7826b0e39a890ce9b5b03fb2e680f..1c637e47ce6d264b77be0e5c77c72360a03d52da 100644
--- a/src/Pages/CollectionPage.js
+++ b/src/Pages/CollectionPage.js
@@ -31,9 +31,12 @@ import FollowCollectionButton from '../Components/FollowCollectionButton';
import { Store } from '../Store.js';
import Button from '@material-ui/core/Button';
import { getRequest } from '../Components/HelperFunctions/getAxiosConfig.js';
-import noAvatar from '../img/default_profile.png';
import { apiDomain } from '../env.js';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
export default function CollectionPage(props) {
const { state } = useContext(Store);
diff --git a/src/Pages/Contact.js b/src/Pages/Contact.js
index 181e16d47158efdbdd9492fc29fe49b7d2df80de..97f3f59a3c916e8bee47612051c99a69db3a7391 100644
--- a/src/Pages/Contact.js
+++ b/src/Pages/Contact.js
@@ -18,9 +18,12 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
import React, { useEffect } from "react";
import styled from "styled-components";
-import Banner1 from "../img/banner-sobre.jpg";
import InputFormulario from "../Components/ContactForm.js";
+//Image Import
+import ImportImages from "ImportImages.js"
+const Banner1 = ImportImages('Banner1');
+
const Secao1 = styled.div`
width: 100%;
background-image: url(${Banner1});
diff --git a/src/Pages/HelpCenter.js b/src/Pages/HelpCenter.js
index 8b5ae50935da62fd6dc530bd1b82d50e6d4df6eb..bab1b82bb8eefea24330641f08adfa860af3f81b 100644
--- a/src/Pages/HelpCenter.js
+++ b/src/Pages/HelpCenter.js
@@ -21,16 +21,14 @@ import styled from 'styled-components';
import Grid from '@material-ui/core/Grid';
import { Link } from 'react-router-dom';
-
-
-
-import Banner3 from '../img/ajuda/Banner3.png';
import CardPublicando from '../Components/HelpCenter/Cards/CardPublicando';
import CardEncontrando from '../Components/HelpCenter/Cards/CardEncontrando';
import CardParticipando from '../Components/HelpCenter/Cards/CardParticipando';
import CardGerenciando from '../Components/HelpCenter/Cards/CardGerenciando';
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const Banner3 = ImportImages('Banner3');
function HelpCenter(props) {
diff --git a/src/Pages/PublicUserPage.js b/src/Pages/PublicUserPage.js
index 9b561ab6c4fd473bbcd734cb2cf80f8f0a83756b..b521c7f664f8758626808283009c310e4525ede4 100644
--- a/src/Pages/PublicUserPage.js
+++ b/src/Pages/PublicUserPage.js
@@ -25,7 +25,6 @@ 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 Tab from '@material-ui/core/Tab';
import TabInicio from '../Components/TabPanels/PublicUserPageTabs/TabInicio.js'
import TabRecursos from '../Components/TabPanels/PublicUserPageTabs/TabRecursos.js'
@@ -41,6 +40,10 @@ import LoadingSpinner from '../Components/LoadingSpinner';
import Button from '@material-ui/core/Button'
import { Link } from 'react-router-dom'
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
function RenderFollowContainer(props) {
const { state } = useContext(Store)
const [followed, setFollowed] = useState(props.followed)
diff --git a/src/Pages/ResourcePage.js b/src/Pages/ResourcePage.js
index 4fdc717e4ffa5ce02a67d70ec4213853796e6442..8874e449680c7bd7743f8ab4796c64be56703664 100644
--- a/src/Pages/ResourcePage.js
+++ b/src/Pages/ResourcePage.js
@@ -25,7 +25,6 @@ import TextoObjeto from "../Components/ResourcePageComponents/TextoObjeto.js";
import Footer from "../Components/ResourcePageComponents/Footer.js";
import Sobre from "../Components/ResourcePageComponents/Sobre.js";
import CommentsArea from "../Components/ResourcePageComponents/CommentsArea.js";
-import noAvatar from "../img/default_profile.png";
import Snackbar from "@material-ui/core/Snackbar";
import Alert from "../Components/Alert.js";
import VideoPlayer from "../Components/ResourcePageComponents/VideoPlayer.js";
@@ -39,6 +38,10 @@ import { getRequest } from "../Components/HelperFunctions/getAxiosConfig";
import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';
+//Image Import
+import ImportImages from "ImportImages.js"
+const noAvatar = ImportImages('noAvatar');
+
function urlVerify(url) {
return url
? url.indexOf("youtu") !== -1 || url.indexOf("vimeo") !== -1
diff --git a/src/Pages/Search.js b/src/Pages/Search.js
index 5e5fcbd8c572eff3e3439dce20827644de52ce1d..ab564c3e8163e4278639cbf314946ddc48260a3e 100644
--- a/src/Pages/Search.js
+++ b/src/Pages/Search.js
@@ -34,9 +34,11 @@ import CollectionCardFunction from "../Components/CollectionCardFunction";
import ContactCard from "../Components/ContactCard";
import CircularProgress from '@material-ui/core/CircularProgress';
import { getRequest } from '../Components/HelperFunctions/getAxiosConfig'
-import ColecaoVazia from '../img/Pagina_vazia_colecao.png'
-import RecursoVazio from '../img/Pagina_vazia_Sem_publicar.png'
+//Image Import
+import ImportImages from "ImportImages.js"
+const ColecaoVazia = ImportImages('ColecaoVazia');
+const RecursoVazio = ImportImages('RecursoVazio');
let order = "review_average";
let currFilter = "";
diff --git a/src/Pages/TabsHelp/TabManageAc.js b/src/Pages/TabsHelp/TabManageAc.js
index a8280274999063167a3fe55b5eb46891df5e7e37..730279abbddcf1113dfc74882a4e1046de5a5546 100644
--- a/src/Pages/TabsHelp/TabManageAc.js
+++ b/src/Pages/TabsHelp/TabManageAc.js
@@ -22,7 +22,6 @@ import Tabs from "@material-ui/core/Tabs";
import Tab from "@material-ui/core/Tab";
import Breadcrumbs from "@material-ui/core/Breadcrumbs";
import Grid from "@material-ui/core/Grid";
-import GerenciandoConta from "../../img/ajuda/Gerenciando_a_conta.png";
import Why from "../../Components/HelpCenter/TabsManageAc/Why";
import HowToDo from "../../Components/HelpCenter/TabsManageAc/HowToDo";
import HowToChange from "../../Components/HelpCenter/TabsManageAc/HowToChange";
@@ -33,6 +32,10 @@ import CardEncontrando from "../../Components/HelpCenter/Cards/CardEncontrando";
import CardPublicando from "../../Components/HelpCenter/Cards/CardPublicando";
import { Link } from "react-router-dom";
+//Image Import
+import ImportImages from "ImportImages.js"
+const GerenciandoConta = ImportImages('GerenciandoConta');
+
export default function TabManageAc(props) {
const tabs = [
"Por que me cadastrar?",
diff --git a/src/Pages/TabsHelp/TabNetPart.js b/src/Pages/TabsHelp/TabNetPart.js
index c08e3ea1197c5a44ea33931e49c13079df6e57f5..f713b6b5c1f9e6243bc2c0f2be4a1a7974285a75 100644
--- a/src/Pages/TabsHelp/TabNetPart.js
+++ b/src/Pages/TabsHelp/TabNetPart.js
@@ -22,7 +22,6 @@ import Tabs from '@material-ui/core/Tabs'
import Tab from '@material-ui/core/Tab';
import Breadcrumbs from '@material-ui/core/Breadcrumbs';
import Grid from '@material-ui/core/Grid';
-import ParticipandoRede from '../../img/ajuda/Participando_da_rede.png';
import How from '../../Components/HelpCenter/TabsNetPart/How'
import What from '../../Components/HelpCenter/TabsNetPart/What'
import CardEncontrando from '../../Components/HelpCenter/Cards/CardEncontrando';
@@ -30,11 +29,9 @@ import CardPublicando from '../../Components/HelpCenter/Cards/CardPublicando';
import CardGerenciando from '../../Components/HelpCenter/Cards/CardGerenciando';
import { Link } from 'react-router-dom';
-
-
-
-
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const ParticipandoRede = ImportImages('ParticipandoRede');
export default function TabNetPart(props) {
const tabs = [
diff --git a/src/Pages/TabsHelp/TabResourseFind.js b/src/Pages/TabsHelp/TabResourseFind.js
index 3ea892563437144c7f79a1c482c16f475e21bde8..e12ff39724ae4d13827c28cb21a18faafb1f0b25 100644
--- a/src/Pages/TabsHelp/TabResourseFind.js
+++ b/src/Pages/TabsHelp/TabResourseFind.js
@@ -22,7 +22,6 @@ import Tabs from '@material-ui/core/Tabs'
import Tab from '@material-ui/core/Tab';
import Breadcrumbs from '@material-ui/core/Breadcrumbs';
import Grid from '@material-ui/core/Grid';
-import EncontrandoRecurso from '../../img/ajuda/Encontrando_recursos.png';
import HowToDo from '../../Components/HelpCenter/TabsResourseFind/HowToDo'
import HowToRank from '../../Components/HelpCenter/TabsResourseFind/HowToRank'
import HowToFilter from '../../Components/HelpCenter/TabsResourseFind/HowToFilter';
@@ -31,11 +30,9 @@ import CardParticipando from '../../Components/HelpCenter/Cards/CardParticipando
import CardGerenciando from '../../Components/HelpCenter/Cards/CardGerenciando';
import { Link } from 'react-router-dom';
-
-
-
-
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const EncontrandoRecurso = ImportImages('EncontrandoRecurso');
export default function TabResourseFind(props) {
const tabs = [
diff --git a/src/Pages/TabsHelp/TabResoursePub.js b/src/Pages/TabsHelp/TabResoursePub.js
index 514362aa97d6a8f88a9653fb5dff007ccd51fb59..9294030825d11a310b954b8b31d1e2f54f7c11cd 100644
--- a/src/Pages/TabsHelp/TabResoursePub.js
+++ b/src/Pages/TabsHelp/TabResoursePub.js
@@ -22,7 +22,6 @@ import Tabs from '@material-ui/core/Tabs'
import Tab from '@material-ui/core/Tab';
import Breadcrumbs from '@material-ui/core/Breadcrumbs';
import Grid from '@material-ui/core/Grid';
-import PublicandoRecursos from '../../img/ajuda/Publicando_recursos.png';
import Why from '../../Components/HelpCenter/TabsResoursePub/Why'
import How from '../../Components/HelpCenter/TabsResoursePub/How'
import Which from '../../Components/HelpCenter/TabsResoursePub/Which'
@@ -31,6 +30,10 @@ import CardParticipando from '../../Components/HelpCenter/Cards/CardParticipando
import CardGerenciando from '../../Components/HelpCenter/Cards/CardGerenciando';
import { Link } from 'react-router-dom';
+//Image Import
+import ImportImages from "ImportImages.js"
+const PublicandoRecursos = ImportImages('PublicandoRecursos');
+
export default function TabResoursePub(props) {
console.log(props)
diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js
index e6c2e7cb6e9cb8f8583fd3b1d5c34a93c17332ac..1006b3beb736fc8b6ca212034bff67b348ff45da 100644
--- a/src/Pages/UserTerms.js
+++ b/src/Pages/UserTerms.js
@@ -22,19 +22,20 @@ import Modal from '../Components/Modal'
import styled from 'styled-components'
/*Importação de imagens para a página*/
-import Busca from "../img/termos/Busca.png"
-import Banner1 from "../img/termos/banner.jpg";
-import Aberto from "../img/termos/Aberto.png";
import CadeadoAberto from "../img/termos/AbertoG.svg";
-import Fechado from "../img/termos/Fechado.png";
import CadeadoFechado from "../img/termos/FechadoG.svg";
import Linha from "../img/termos/linha.svg";
-
+//Image Import
+import ImportImages from "ImportImages.js"
+const BuscaTermos = ImportImages('BuscaTermos');
+const Banner = ImportImages('Banner');
+const Aberto = ImportImages('Aberto');
+const Fechado = ImportImages('Fechado');
const BannerStyle = styled.div`
width: 100%;
- background-image: url(${Banner1});
+ background-image: url(${Banner});
background-size: cover;
background-position: top center;
height: 370px;
@@ -54,7 +55,7 @@ const ImagemSeçao2 = styled.div`
font-family: Roboto, sans-serif;
@media (min-width:1450px) {
- background-image: url(${Busca});
+ background-image: url(${BuscaTermos});
background-position: right;
background-size: contain;
background-repeat: no-repeat;
diff --git a/src/convertWebp.sh b/src/convertWebp.sh
new file mode 100755
index 0000000000000000000000000000000000000000..05b54ea0f87285ddaa2d59cb5bb10f6f796fbb58
--- /dev/null
+++ b/src/convertWebp.sh
@@ -0,0 +1,3 @@
+#!/bin/bash
+
+#cwebp -q 80 filein.png -o filein.webp
diff --git a/src/env.js b/src/env.js
index 7284c42754e5c679138196c2bae2a2f128779c2b..95815e96e0a4b6d934c32704a85f04284e77d16e 100644
--- a/src/env.js
+++ b/src/env.js
@@ -17,7 +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/>.*/
-var apiDomain = 'https://api.portalmectest.c3sl.ufpr.br',
+var apiDomain = 'https://api.portalmec.c3sl.ufpr.br',
apiVersion = 'v1',
apiUrl = apiDomain + '/' + apiVersion;
diff --git a/src/img/Bolo.webp b/src/img/Bolo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a5aea4a2f084793d827176af0d586b3411763d86
Binary files /dev/null and b/src/img/Bolo.webp differ
diff --git a/src/img/Excluir.webp b/src/img/Excluir.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1c738db6ea620483708217b176582ff4af6aa4c9
Binary files /dev/null and b/src/img/Excluir.webp differ
diff --git a/src/img/Pagina_vazia_Sem_publicar.webp b/src/img/Pagina_vazia_Sem_publicar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7747896d00cb857b2abe73569269475be054158b
Binary files /dev/null and b/src/img/Pagina_vazia_Sem_publicar.webp differ
diff --git a/src/img/Pagina_vazia_colecao.webp b/src/img/Pagina_vazia_colecao.webp
new file mode 100644
index 0000000000000000000000000000000000000000..dbdd3dba3e6625c291ffd5398b8a369f3a88ddb6
Binary files /dev/null and b/src/img/Pagina_vazia_colecao.webp differ
diff --git a/src/img/Publicar.webp b/src/img/Publicar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a431fcaccd2ad0bdb0b0c7cc2dc825a9d1548db0
Binary files /dev/null and b/src/img/Publicar.webp differ
diff --git a/src/img/acesso-a-informacao.webp b/src/img/acesso-a-informacao.webp
new file mode 100644
index 0000000000000000000000000000000000000000..8c9c2fbd761a2cbd4f99bceeb741885fa4ecc794
Binary files /dev/null and b/src/img/acesso-a-informacao.webp differ
diff --git a/src/img/ajuda/Banner3.webp b/src/img/ajuda/Banner3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d8ffbff2ffd5ae79df5fee247b3c96a1a51ffafb
Binary files /dev/null and b/src/img/ajuda/Banner3.webp differ
diff --git a/src/img/ajuda/Encontrando_recursos.webp b/src/img/ajuda/Encontrando_recursos.webp
new file mode 100644
index 0000000000000000000000000000000000000000..aa55755cdcde85ca188dc3fa1ad04e9be74874a4
Binary files /dev/null and b/src/img/ajuda/Encontrando_recursos.webp differ
diff --git a/src/img/ajuda/Gerenciando_a_conta.webp b/src/img/ajuda/Gerenciando_a_conta.webp
new file mode 100644
index 0000000000000000000000000000000000000000..17b80d403cfeae0a56f59376bf08d9aea7be9875
Binary files /dev/null and b/src/img/ajuda/Gerenciando_a_conta.webp differ
diff --git a/src/img/ajuda/Participando_da_rede.webp b/src/img/ajuda/Participando_da_rede.webp
new file mode 100644
index 0000000000000000000000000000000000000000..969b2b118771c3ece47696a424c775cfba7d9996
Binary files /dev/null and b/src/img/ajuda/Participando_da_rede.webp differ
diff --git a/src/img/ajuda/Publicando_recursos.webp b/src/img/ajuda/Publicando_recursos.webp
new file mode 100644
index 0000000000000000000000000000000000000000..687e284919b74159839fd767ed5a80715896c37c
Binary files /dev/null and b/src/img/ajuda/Publicando_recursos.webp differ
diff --git a/src/img/ajuda/busca_img.webp b/src/img/ajuda/busca_img.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e53b24afbe78ccdf38bbe412f071bab7ea908e00
Binary files /dev/null and b/src/img/ajuda/busca_img.webp differ
diff --git a/src/img/ajuda/filtros_img.webp b/src/img/ajuda/filtros_img.webp
new file mode 100644
index 0000000000000000000000000000000000000000..79b21b72d06ecd2690b680b9c5d47d25da043e14
Binary files /dev/null and b/src/img/ajuda/filtros_img.webp differ
diff --git a/src/img/ajuda/login_img.webp b/src/img/ajuda/login_img.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d6c31cae87070a89a74c3b53ddca2faece70d3ba
Binary files /dev/null and b/src/img/ajuda/login_img.webp differ
diff --git a/src/img/ajuda/recuperarsenha_img.webp b/src/img/ajuda/recuperarsenha_img.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f30adeb9c29a1487bb2bdc86bf844881e2b0fdda
Binary files /dev/null and b/src/img/ajuda/recuperarsenha_img.webp differ
diff --git a/src/img/banner-mobile.webp b/src/img/banner-mobile.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a788c3ddc6aa3ed258e27b23f4f00189bf12b95a
Binary files /dev/null and b/src/img/banner-mobile.webp differ
diff --git a/src/img/banner-sobre.webp b/src/img/banner-sobre.webp
new file mode 100644
index 0000000000000000000000000000000000000000..656ea7e39940c16ff0bd11a9858afa8cdc2b1009
Binary files /dev/null and b/src/img/banner-sobre.webp differ
diff --git a/src/img/bannerBusca.webp b/src/img/bannerBusca.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d3a31a303d328aece3570a0119c0ac56e021d490
Binary files /dev/null and b/src/img/bannerBusca.webp differ
diff --git a/src/img/carousel/Icone_Ativado_dot1.webp b/src/img/carousel/Icone_Ativado_dot1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e0324134ff0324bd04f4526112353b5c0786d8c7
Binary files /dev/null and b/src/img/carousel/Icone_Ativado_dot1.webp differ
diff --git a/src/img/carousel/Icone_Ativado_dot2.webp b/src/img/carousel/Icone_Ativado_dot2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..dbff6c4e1dc1f41409ce97aaccfebb14c13454ec
Binary files /dev/null and b/src/img/carousel/Icone_Ativado_dot2.webp differ
diff --git a/src/img/carousel/Icone_Ativado_dot3.webp b/src/img/carousel/Icone_Ativado_dot3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5cdb73393fac8c1b276c8e50a726963968f0d51c
Binary files /dev/null and b/src/img/carousel/Icone_Ativado_dot3.webp differ
diff --git a/src/img/carousel/Icone_Ativado_dot4.webp b/src/img/carousel/Icone_Ativado_dot4.webp
new file mode 100644
index 0000000000000000000000000000000000000000..002df883d787a474b5eb3b8b28cf292096b613bb
Binary files /dev/null and b/src/img/carousel/Icone_Ativado_dot4.webp differ
diff --git a/src/img/carousel/Icone_Ativado_dot5.webp b/src/img/carousel/Icone_Ativado_dot5.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3d091dbcae5c4be4aa75e7b41e94dd9215503206
Binary files /dev/null and b/src/img/carousel/Icone_Ativado_dot5.webp differ
diff --git a/src/img/carousel/Icone_Desativado_dot1.webp b/src/img/carousel/Icone_Desativado_dot1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e44fcb38d63d964323c8bcb87252ff5ea325453f
Binary files /dev/null and b/src/img/carousel/Icone_Desativado_dot1.webp differ
diff --git a/src/img/carousel/Icone_Desativado_dot2.webp b/src/img/carousel/Icone_Desativado_dot2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..513ed4a398beb243dc4bec5fc0c7406f4fe4d5c3
Binary files /dev/null and b/src/img/carousel/Icone_Desativado_dot2.webp differ
diff --git a/src/img/carousel/Icone_Desativado_dot3.webp b/src/img/carousel/Icone_Desativado_dot3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4da4d7eb0ea45317969f0cbaa51d1867b0059408
Binary files /dev/null and b/src/img/carousel/Icone_Desativado_dot3.webp differ
diff --git a/src/img/carousel/Icone_Desativado_dot4.webp b/src/img/carousel/Icone_Desativado_dot4.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c07515656393875bb17ad89b8c46a4943e08b3cd
Binary files /dev/null and b/src/img/carousel/Icone_Desativado_dot4.webp differ
diff --git a/src/img/carousel/Icone_Desativado_dot5.webp b/src/img/carousel/Icone_Desativado_dot5.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a0e7e432362699304eadab8e74083f008c9444c7
Binary files /dev/null and b/src/img/carousel/Icone_Desativado_dot5.webp differ
diff --git a/src/img/carousel/Icone_Grande (1).webp b/src/img/carousel/Icone_Grande (1).webp
new file mode 100644
index 0000000000000000000000000000000000000000..bc4b94340544b6476f86d35a19f7856aed0757a5
Binary files /dev/null and b/src/img/carousel/Icone_Grande (1).webp differ
diff --git a/src/img/carousel/Icone_Grande (2).webp b/src/img/carousel/Icone_Grande (2).webp
new file mode 100644
index 0000000000000000000000000000000000000000..4e0580e19cb88e3973b40f033410dad189f2664b
Binary files /dev/null and b/src/img/carousel/Icone_Grande (2).webp differ
diff --git a/src/img/carousel/Icone_Grande (3).webp b/src/img/carousel/Icone_Grande (3).webp
new file mode 100644
index 0000000000000000000000000000000000000000..3843b4fc5df8821d6f34db3e2a4e189870ce1b74
Binary files /dev/null and b/src/img/carousel/Icone_Grande (3).webp differ
diff --git a/src/img/carousel/Icone_Grande (4).webp b/src/img/carousel/Icone_Grande (4).webp
new file mode 100644
index 0000000000000000000000000000000000000000..8c42f3eaf998e4ed891b4236a1c010aad894ab4e
Binary files /dev/null and b/src/img/carousel/Icone_Grande (4).webp differ
diff --git a/src/img/carousel/Icone_Grande (5).webp b/src/img/carousel/Icone_Grande (5).webp
new file mode 100644
index 0000000000000000000000000000000000000000..bd52ab183ce3e03c29298c0b9f52861caebae6fd
Binary files /dev/null and b/src/img/carousel/Icone_Grande (5).webp differ
diff --git a/src/img/cc_license.webp b/src/img/cc_license.webp
new file mode 100644
index 0000000000000000000000000000000000000000..dc75387fdd028632d0d13639ccea2f2d127c0015
Binary files /dev/null and b/src/img/cc_license.webp differ
diff --git a/src/img/comentarios.webp b/src/img/comentarios.webp
new file mode 100644
index 0000000000000000000000000000000000000000..80219ca06c2d7ede33a9ab97b4164b876d3ff065
Binary files /dev/null and b/src/img/comentarios.webp differ
diff --git a/src/img/default_profile.webp b/src/img/default_profile.webp
new file mode 100644
index 0000000000000000000000000000000000000000..99a278352a34f62fb26b2b1153321348a45cfc52
Binary files /dev/null and b/src/img/default_profile.webp differ
diff --git a/src/img/default_profile0.webp b/src/img/default_profile0.webp
new file mode 100644
index 0000000000000000000000000000000000000000..99a278352a34f62fb26b2b1153321348a45cfc52
Binary files /dev/null and b/src/img/default_profile0.webp differ
diff --git a/src/img/ecd.webp b/src/img/ecd.webp
new file mode 100644
index 0000000000000000000000000000000000000000..de5f18aa18190972edb1b318101f9a7f5544dfc6
Binary files /dev/null and b/src/img/ecd.webp differ
diff --git a/src/img/educa-conectada.webp b/src/img/educa-conectada.webp
new file mode 100644
index 0000000000000000000000000000000000000000..27c73f1dcc52d8f1b771961bdd1aa19508d0d73a
Binary files /dev/null and b/src/img/educa-conectada.webp differ
diff --git a/src/img/girassol.webp b/src/img/girassol.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e3efd63ef7ddefb88d16ab0220dc1e4e39521e38
Binary files /dev/null and b/src/img/girassol.webp differ
diff --git a/src/img/horstmann.jpg b/src/img/horstmann.jpg
deleted file mode 100644
index a4e7e494f1615ddd3e2a650a2fc7099c8e4b3c1a..0000000000000000000000000000000000000000
Binary files a/src/img/horstmann.jpg and /dev/null differ
diff --git a/src/img/horstmann.webp b/src/img/horstmann.webp
new file mode 100644
index 0000000000000000000000000000000000000000..37a4a636007aae1b244dd0623e3f5070f526e849
Binary files /dev/null and b/src/img/horstmann.webp differ
diff --git a/src/img/how_to_reg-24px.webp b/src/img/how_to_reg-24px.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b6982fd8c350b58aaecedf6b4cca2be06cd0d44e
Binary files /dev/null and b/src/img/how_to_reg-24px.webp differ
diff --git a/src/img/ilustra_colecoes.webp b/src/img/ilustra_colecoes.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c7f16ad05f7f007c977d7cf46759577675396412
Binary files /dev/null and b/src/img/ilustra_colecoes.webp differ
diff --git a/src/img/ilustra_materiais.webp b/src/img/ilustra_materiais.webp
new file mode 100644
index 0000000000000000000000000000000000000000..503a3de82e49e0ab194af2b8a9ad6dcfa8208647
Binary files /dev/null and b/src/img/ilustra_materiais.webp differ
diff --git a/src/img/ilustra_recursos_digitais.webp b/src/img/ilustra_recursos_digitais.webp
new file mode 100644
index 0000000000000000000000000000000000000000..82fac027e2a946a3a4be0340ffafb0383c48ca01
Binary files /dev/null and b/src/img/ilustra_recursos_digitais.webp differ
diff --git a/src/img/img-16.webp b/src/img/img-16.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e6080bbbf47597c0d0a9f94171592a2fbe0c087d
Binary files /dev/null and b/src/img/img-16.webp differ
diff --git a/src/img/laranja/ANIMACAO_SIMULACAO.webp b/src/img/laranja/ANIMACAO_SIMULACAO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..26239d84d24ff9a0761b859f44b2957c4a4840b2
Binary files /dev/null and b/src/img/laranja/ANIMACAO_SIMULACAO.webp differ
diff --git a/src/img/laranja/APP.webp b/src/img/laranja/APP.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0a8d09d04a16c977f54182f288c1f399468b56f0
Binary files /dev/null and b/src/img/laranja/APP.webp differ
diff --git a/src/img/laranja/APRESENTACAO.webp b/src/img/laranja/APRESENTACAO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..19750c1ec9bb453ec010b4ea35d39b3d32aa526f
Binary files /dev/null and b/src/img/laranja/APRESENTACAO.webp differ
diff --git a/src/img/laranja/AUDIO.webp b/src/img/laranja/AUDIO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9058290554a827f3ddafe7950bf88a8035baf992
Binary files /dev/null and b/src/img/laranja/AUDIO.webp differ
diff --git a/src/img/laranja/EMPTY.webp b/src/img/laranja/EMPTY.webp
new file mode 100644
index 0000000000000000000000000000000000000000..71755d933a832758e2d4bf7b3ec29d1f826b2bae
Binary files /dev/null and b/src/img/laranja/EMPTY.webp differ
diff --git a/src/img/laranja/IMAGEM.webp b/src/img/laranja/IMAGEM.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b63d5f661089286050d096d0419ba6a7352b8692
Binary files /dev/null and b/src/img/laranja/IMAGEM.webp differ
diff --git a/src/img/laranja/INFOGRAFICO.webp b/src/img/laranja/INFOGRAFICO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..62b80e7b126cbe702216caf5cf88bef511690a1a
Binary files /dev/null and b/src/img/laranja/INFOGRAFICO.webp differ
diff --git a/src/img/laranja/JOGO.webp b/src/img/laranja/JOGO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2556b8c6cef0afcb3f355f358669071a1eeb84a2
Binary files /dev/null and b/src/img/laranja/JOGO.webp differ
diff --git a/src/img/laranja/LIVRO_DIGITAL.webp b/src/img/laranja/LIVRO_DIGITAL.webp
new file mode 100644
index 0000000000000000000000000000000000000000..25949f617639223902432aad7fc1fdf0598d31c3
Binary files /dev/null and b/src/img/laranja/LIVRO_DIGITAL.webp differ
diff --git a/src/img/laranja/MAPA.webp b/src/img/laranja/MAPA.webp
new file mode 100644
index 0000000000000000000000000000000000000000..75621202baa06ce0e5e3d67396a60b50925fa326
Binary files /dev/null and b/src/img/laranja/MAPA.webp differ
diff --git a/src/img/laranja/OUTROS.webp b/src/img/laranja/OUTROS.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b63349aa923946e1b42b9534ae016ad3c464c747
Binary files /dev/null and b/src/img/laranja/OUTROS.webp differ
diff --git a/src/img/laranja/SOFTWARE.webp b/src/img/laranja/SOFTWARE.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3ced350324a3892393ebd8410fa4ff9c3d0815c6
Binary files /dev/null and b/src/img/laranja/SOFTWARE.webp differ
diff --git a/src/img/laranja/TEXTO.webp b/src/img/laranja/TEXTO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..cdc64052855437ab4d0255dca390b5c35b3fb15a
Binary files /dev/null and b/src/img/laranja/TEXTO.webp differ
diff --git a/src/img/laranja/VIDEO.webp b/src/img/laranja/VIDEO.webp
new file mode 100644
index 0000000000000000000000000000000000000000..067b178c409626cd3041c48bacb23abacaadf365
Binary files /dev/null and b/src/img/laranja/VIDEO.webp differ
diff --git a/src/img/logo_parceiros/ENEF_AEF.webp b/src/img/logo_parceiros/ENEF_AEF.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7d325054deed3958a0af09c47418e9e8cc44f98d
Binary files /dev/null and b/src/img/logo_parceiros/ENEF_AEF.webp differ
diff --git a/src/img/logo_parceiros/educagital.webp b/src/img/logo_parceiros/educagital.webp
new file mode 100644
index 0000000000000000000000000000000000000000..219adefb7e0177a706c94ecc1b94e6a039e3504b
Binary files /dev/null and b/src/img/logo_parceiros/educagital.webp differ
diff --git a/src/img/logo_parceiros/fundacao-lemann.webp b/src/img/logo_parceiros/fundacao-lemann.webp
new file mode 100644
index 0000000000000000000000000000000000000000..33e4944645969f65f89ade9fc923ffdd06095190
Binary files /dev/null and b/src/img/logo_parceiros/fundacao-lemann.webp differ
diff --git a/src/img/logo_parceiros/futura.webp b/src/img/logo_parceiros/futura.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0062490591399694125a39d6e437f6f0cb3689f5
Binary files /dev/null and b/src/img/logo_parceiros/futura.webp differ
diff --git a/src/img/logo_parceiros/ic_bioe.webp b/src/img/logo_parceiros/ic_bioe.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3ce4ef8d373cd0b55ac4080867db1b4eace58150
Binary files /dev/null and b/src/img/logo_parceiros/ic_bioe.webp differ
diff --git a/src/img/logo_parceiros/ic_default.webp b/src/img/logo_parceiros/ic_default.webp
new file mode 100644
index 0000000000000000000000000000000000000000..19d67c8f656b1bdfce8543fe40840977db1a4d2b
Binary files /dev/null and b/src/img/logo_parceiros/ic_default.webp differ
diff --git a/src/img/logo_parceiros/ic_diaadia.webp b/src/img/logo_parceiros/ic_diaadia.webp
new file mode 100644
index 0000000000000000000000000000000000000000..bd09a8d2af336b1c83674a5820ddecdfa16c828c
Binary files /dev/null and b/src/img/logo_parceiros/ic_diaadia.webp differ
diff --git a/src/img/logo_parceiros/ic_dominiopublico.webp b/src/img/logo_parceiros/ic_dominiopublico.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0c60c8d858e0dc27e387c701dfadf6fdcdc9d511
Binary files /dev/null and b/src/img/logo_parceiros/ic_dominiopublico.webp differ
diff --git a/src/img/logo_parceiros/ic_escoladigital.webp b/src/img/logo_parceiros/ic_escoladigital.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b6794947efc5fe4f7de4fe14ccbb5d5caf504f21
Binary files /dev/null and b/src/img/logo_parceiros/ic_escoladigital.webp differ
diff --git a/src/img/logo_parceiros/ic_nute.webp b/src/img/logo_parceiros/ic_nute.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0f7161466178ae36ea18a9134ff4d0b218f09f59
Binary files /dev/null and b/src/img/logo_parceiros/ic_nute.webp differ
diff --git a/src/img/logo_parceiros/ic_peninsula.webp b/src/img/logo_parceiros/ic_peninsula.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e8e360d02743ff08069c99aaf8885b36f28e4905
Binary files /dev/null and b/src/img/logo_parceiros/ic_peninsula.webp differ
diff --git a/src/img/logo_parceiros/ic_phet.webp b/src/img/logo_parceiros/ic_phet.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a0420a0f9f38c1b17678b776eea5a04a9ae3c1a2
Binary files /dev/null and b/src/img/logo_parceiros/ic_phet.webp differ
diff --git a/src/img/logo_parceiros/ic_portaldoprofessor.webp b/src/img/logo_parceiros/ic_portaldoprofessor.webp
new file mode 100644
index 0000000000000000000000000000000000000000..05564d8786b29765477c245c09c3150ac5fb7889
Binary files /dev/null and b/src/img/logo_parceiros/ic_portaldoprofessor.webp differ
diff --git a/src/img/logo_parceiros/ic_tvescola.webp b/src/img/logo_parceiros/ic_tvescola.webp
new file mode 100644
index 0000000000000000000000000000000000000000..11892bddefe11fb9bdcecf93a6dcda1d9dd4f6bd
Binary files /dev/null and b/src/img/logo_parceiros/ic_tvescola.webp differ
diff --git a/src/img/logo_parceiros/impa.webp b/src/img/logo_parceiros/impa.webp
new file mode 100644
index 0000000000000000000000000000000000000000..70093517ca9e6fd254eadf3f816a6b4d4c27cf59
Binary files /dev/null and b/src/img/logo_parceiros/impa.webp differ
diff --git a/src/img/logo_parceiros/impulsiona.webp b/src/img/logo_parceiros/impulsiona.webp
new file mode 100644
index 0000000000000000000000000000000000000000..41030127d56dd1df3ab37ba2d6fcc230a597f516
Binary files /dev/null and b/src/img/logo_parceiros/impulsiona.webp differ
diff --git a/src/img/logo_parceiros/inst-peninsula.webp b/src/img/logo_parceiros/inst-peninsula.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4ad67d5f370a6bda6b9ca523a1f1c9be1f4c8af8
Binary files /dev/null and b/src/img/logo_parceiros/inst-peninsula.webp differ
diff --git a/src/img/logo_parceiros/instituto-crescer.webp b/src/img/logo_parceiros/instituto-crescer.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ede05c7d21a378d52b7c73ba3b6cde70e76cb0c2
Binary files /dev/null and b/src/img/logo_parceiros/instituto-crescer.webp differ
diff --git a/src/img/logo_parceiros/logo_bioe.webp b/src/img/logo_parceiros/logo_bioe.webp
new file mode 100644
index 0000000000000000000000000000000000000000..98f94389369302f0a26d5f4b1072b65fc1917aa1
Binary files /dev/null and b/src/img/logo_parceiros/logo_bioe.webp differ
diff --git a/src/img/logo_parceiros/logo_dominiopublico.webp b/src/img/logo_parceiros/logo_dominiopublico.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a8ce68a535495f8fc547fe9e9beb32e8471f9ef0
Binary files /dev/null and b/src/img/logo_parceiros/logo_dominiopublico.webp differ
diff --git a/src/img/logo_parceiros/logo_escoladigital.webp b/src/img/logo_parceiros/logo_escoladigital.webp
new file mode 100644
index 0000000000000000000000000000000000000000..16ccfa914e7fff84d87ed6878b8811a625a12973
Binary files /dev/null and b/src/img/logo_parceiros/logo_escoladigital.webp differ
diff --git a/src/img/logo_parceiros/logo_portaldoprofessor.webp b/src/img/logo_parceiros/logo_portaldoprofessor.webp
new file mode 100644
index 0000000000000000000000000000000000000000..752cf4ef3f1139910112c2fcaa612262e8ce5dab
Binary files /dev/null and b/src/img/logo_parceiros/logo_portaldoprofessor.webp differ
diff --git a/src/img/logo_parceiros/logo_tvescola.webp b/src/img/logo_parceiros/logo_tvescola.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9becdc26c89dca604bd2ff3e94269b2f8b6b01c5
Binary files /dev/null and b/src/img/logo_parceiros/logo_tvescola.webp differ
diff --git a/src/img/logo_parceiros/redeescola.webp b/src/img/logo_parceiros/redeescola.webp
new file mode 100644
index 0000000000000000000000000000000000000000..00a76fcce926bf3beb395a536f288f7a919aedd0
Binary files /dev/null and b/src/img/logo_parceiros/redeescola.webp differ
diff --git a/src/img/logo_parceiros/safer.webp b/src/img/logo_parceiros/safer.webp
new file mode 100644
index 0000000000000000000000000000000000000000..63cbf087345a86f7b8710db0c3d7feeb83770679
Binary files /dev/null and b/src/img/logo_parceiros/safer.webp differ
diff --git a/src/img/logo_parceiros/telefonica.webp b/src/img/logo_parceiros/telefonica.webp
new file mode 100644
index 0000000000000000000000000000000000000000..17bbcfbc7de601597f8ea2e2154d39c840ce9909
Binary files /dev/null and b/src/img/logo_parceiros/telefonica.webp differ
diff --git a/src/img/no-rede-1.webp b/src/img/no-rede-1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..43a7c1c358ef2784f47a8b26087a0eace9eabd88
Binary files /dev/null and b/src/img/no-rede-1.webp differ
diff --git a/src/img/no-rede-2.webp b/src/img/no-rede-2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..187c8cc3063a8d4fe200cbc640c8e5124ece676c
Binary files /dev/null and b/src/img/no-rede-2.webp differ
diff --git a/src/img/no-rede-3.webp b/src/img/no-rede-3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..83c05981f7e3edbfcb8ed1d0d83fb89b219c0aa8
Binary files /dev/null and b/src/img/no-rede-3.webp differ
diff --git a/src/img/nopub-Acessar-materiais.webp b/src/img/nopub-Acessar-materiais.webp
new file mode 100644
index 0000000000000000000000000000000000000000..79153ef596e5890cfe018cc3b796143018f419df
Binary files /dev/null and b/src/img/nopub-Acessar-materiais.webp differ
diff --git a/src/img/nopub-Baixar.webp b/src/img/nopub-Baixar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a64df25e9fbb44fda89f8d6508f90c7919a1536a
Binary files /dev/null and b/src/img/nopub-Baixar.webp differ
diff --git a/src/img/nopub-Compartilhar.webp b/src/img/nopub-Compartilhar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..522ddc3f292481b97c25c85ccff8e3ad286a798f
Binary files /dev/null and b/src/img/nopub-Compartilhar.webp differ
diff --git a/src/img/nopub-Guardar.webp b/src/img/nopub-Guardar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c641325797f035eda044cd46315a0e84c5d9a097
Binary files /dev/null and b/src/img/nopub-Guardar.webp differ
diff --git a/src/img/nopub-Relatar.webp b/src/img/nopub-Relatar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..67a1741a50f1c2bdf5d76814de20e0d2d432cf16
Binary files /dev/null and b/src/img/nopub-Relatar.webp differ
diff --git a/src/img/nopub-Seguir.webp b/src/img/nopub-Seguir.webp
new file mode 100644
index 0000000000000000000000000000000000000000..03baf281fa76f0e66895edb6d2698d82e6897eef
Binary files /dev/null and b/src/img/nopub-Seguir.webp differ
diff --git a/src/img/sobre/Alunos.webp b/src/img/sobre/Alunos.webp
new file mode 100644
index 0000000000000000000000000000000000000000..cbb388db723020492f7c06dc8884efeafab72608
Binary files /dev/null and b/src/img/sobre/Alunos.webp differ
diff --git a/src/img/sobre/Gestores.webp b/src/img/sobre/Gestores.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a9bb6dc867f1807111f7a1b2451199d166116384
Binary files /dev/null and b/src/img/sobre/Gestores.webp differ
diff --git a/src/img/sobre/Imagem_Notebook.webp b/src/img/sobre/Imagem_Notebook.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b01cb7d3ecec6c341f7d6e30a12902b071d2b10e
Binary files /dev/null and b/src/img/sobre/Imagem_Notebook.webp differ
diff --git a/src/img/sobre/banner-sobre-2.webp b/src/img/sobre/banner-sobre-2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..225157a71f1e6a6ceb2091a4a191c77e98485460
Binary files /dev/null and b/src/img/sobre/banner-sobre-2.webp differ
diff --git a/src/img/sobre/comunidade.webp b/src/img/sobre/comunidade.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d222cbee209e9942a3c03923cd29973deeeed510
Binary files /dev/null and b/src/img/sobre/comunidade.webp differ
diff --git a/src/img/sobre/professores.webp b/src/img/sobre/professores.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0e16ac302dd1753c114868d44ef8ba6a04176338
Binary files /dev/null and b/src/img/sobre/professores.webp differ
diff --git a/src/img/termos/Aberto.webp b/src/img/termos/Aberto.webp
new file mode 100644
index 0000000000000000000000000000000000000000..fa837ca11d8295e960291725c87794ccf6ff9aef
Binary files /dev/null and b/src/img/termos/Aberto.webp differ
diff --git a/src/img/termos/Arrow_Direito do autor.webp b/src/img/termos/Arrow_Direito do autor.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b32fe65a499f7abd823dec668ebe28f4398ed86a
Binary files /dev/null and b/src/img/termos/Arrow_Direito do autor.webp differ
diff --git "a/src/img/termos/Arrow_Direitos e Licen\303\247a1.webp" "b/src/img/termos/Arrow_Direitos e Licen\303\247a1.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..870a21120b95fdf0486eaed6dc1e9633c1f71769
Binary files /dev/null and "b/src/img/termos/Arrow_Direitos e Licen\303\247a1.webp" differ
diff --git "a/src/img/termos/Arrow_Direitos e Licen\303\247a2.webp" "b/src/img/termos/Arrow_Direitos e Licen\303\247a2.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..75b93ecfeb9268dbafc58fb01db5459831654f77
Binary files /dev/null and "b/src/img/termos/Arrow_Direitos e Licen\303\247a2.webp" differ
diff --git "a/src/img/termos/Arrow_O que \303\251 a plataforma-1.webp" "b/src/img/termos/Arrow_O que \303\251 a plataforma-1.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..35c1df389408f6519555c3b40814f93bea5243de
Binary files /dev/null and "b/src/img/termos/Arrow_O que \303\251 a plataforma-1.webp" differ
diff --git "a/src/img/termos/Arrow_O que \303\251 a plataforma.webp" "b/src/img/termos/Arrow_O que \303\251 a plataforma.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..08b747a5fe4f50a6c7d84f02753e79db6402094b
Binary files /dev/null and "b/src/img/termos/Arrow_O que \303\251 a plataforma.webp" differ
diff --git a/src/img/termos/Arrow_aberto e fechado-1.webp b/src/img/termos/Arrow_aberto e fechado-1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..260aec6d9221e9ebe5ad49d74fd1244ce58bbefa
Binary files /dev/null and b/src/img/termos/Arrow_aberto e fechado-1.webp differ
diff --git a/src/img/termos/Arrow_aberto e fechado.webp b/src/img/termos/Arrow_aberto e fechado.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6cbd4d30c811718c4888f5e74b9380394d94c53a
Binary files /dev/null and b/src/img/termos/Arrow_aberto e fechado.webp differ
diff --git a/src/img/termos/Busca.webp b/src/img/termos/Busca.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f8992ab03f00befe16fbb4841a12d65fce6665d5
Binary files /dev/null and b/src/img/termos/Busca.webp differ
diff --git a/src/img/termos/Compromisso.webp b/src/img/termos/Compromisso.webp
new file mode 100644
index 0000000000000000000000000000000000000000..066a59ea85c9e10baa30c303fa75a3e6449fae49
Binary files /dev/null and b/src/img/termos/Compromisso.webp differ
diff --git a/src/img/termos/Fechado.webp b/src/img/termos/Fechado.webp
new file mode 100644
index 0000000000000000000000000000000000000000..47c03a266e5365503a44161886b7b43ef3d69faf
Binary files /dev/null and b/src/img/termos/Fechado.webp differ
diff --git a/src/img/termos/Mail.webp b/src/img/termos/Mail.webp
new file mode 100644
index 0000000000000000000000000000000000000000..12ed4a38011ee945f0589992227b6561938fab89
Binary files /dev/null and b/src/img/termos/Mail.webp differ
diff --git a/src/img/termos/Negativo.webp b/src/img/termos/Negativo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c88f76f3c17b0d1919e91e4dd15e03d90b0dc439
Binary files /dev/null and b/src/img/termos/Negativo.webp differ
diff --git a/src/img/termos/OrthogonalLineDown.webp b/src/img/termos/OrthogonalLineDown.webp
new file mode 100644
index 0000000000000000000000000000000000000000..75b93ecfeb9268dbafc58fb01db5459831654f77
Binary files /dev/null and b/src/img/termos/OrthogonalLineDown.webp differ
diff --git a/src/img/termos/OrthogonalLineUp.webp b/src/img/termos/OrthogonalLineUp.webp
new file mode 100644
index 0000000000000000000000000000000000000000..870a21120b95fdf0486eaed6dc1e9633c1f71769
Binary files /dev/null and b/src/img/termos/OrthogonalLineUp.webp differ
diff --git a/src/img/termos/Positivo.webp b/src/img/termos/Positivo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2243599fb3e350730862ea69f9d9851b39dbf32f
Binary files /dev/null and b/src/img/termos/Positivo.webp differ
diff --git a/src/img/termos/Senha.webp b/src/img/termos/Senha.webp
new file mode 100644
index 0000000000000000000000000000000000000000..00e0ff888f411a96b08d8c4395b70add03ac5fce
Binary files /dev/null and b/src/img/termos/Senha.webp differ
diff --git "a/src/img/termos/Usu\303\241rio.webp" "b/src/img/termos/Usu\303\241rio.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..7337241558cbdca9a18eeb5d228754f4f851b529
Binary files /dev/null and "b/src/img/termos/Usu\303\241rio.webp" differ
diff --git a/src/img/termos/banner.webp b/src/img/termos/banner.webp
new file mode 100644
index 0000000000000000000000000000000000000000..63999a705e244ee6f30ada78c99b7da5b54c22c4
Binary files /dev/null and b/src/img/termos/banner.webp differ