diff --git a/src/Components/AGPLFooter.js b/src/Components/AGPLFooter.js
index ce1244ea3daf38c96b969074f58d1d37a43129e0..7f8a50f3ad4bf08fe4005d6b975d791a00979e24 100644
--- a/src/Components/AGPLFooter.js
+++ b/src/Components/AGPLFooter.js
@@ -16,7 +16,7 @@ class AGPLFooter extends Component{
<Container>
<Row justify="around">
<Col md={1}>
- <img src={acessoInfo} height="40"/>
+ <img src={acessoInfo} height="40" alt="acesso a informação"/>
</Col>
<Col md={8}>
<p style={{fontSize: "12px", textAlign: "center"}}>
diff --git a/src/Components/AreasSubPages.js b/src/Components/AreasSubPages.js
index e569a61bb7e81691401a37f79086af36e261bd09..67b03f5a1c51375e0353fc1fc65b863dd3989ffa 100644
--- a/src/Components/AreasSubPages.js
+++ b/src/Components/AreasSubPages.js
@@ -10,7 +10,6 @@ import recursos from "../img/ilustra_recursos_digitais.png";
import materiais from "../img/ilustra_materiais.png";
import colecoes from "../img/ilustra_colecoes.png";
const rows=(<Col md={3} sm={6}>
-
<MediaCard name={"oi"}/>
</Col>)
const carrossel=(
@@ -35,12 +34,12 @@ const areaStyle={
class SubPages extends Component{
constructor(props){
super(props);
+
}
getCards(){
- axios.get(`${apiUrl}/learning_objects`)
+ axios.get(`${apiUrl}/learning_objects`+ '?limit=12&sort=["published_at", "desc"]')
.then(function(response){
- console.log(response.data); // ex.: { user: 'Your User'}
- // console.log(response.data); // ex.: 200
+ console.log(response.data);
});
}
areaRender(){
@@ -63,9 +62,6 @@ class SubPages extends Component{
Recursos mais recentes </p>
<Hidden sm xs>
<Carousel showThumbs={false} autoPlay infiniteLoop={true} showStatus={false}>
- {carrossel}
- {carrossel}
- {carrossel}
</Carousel>
</Hidden>
<Visible sm xs>
diff --git a/src/Components/Card.js b/src/Components/Card.js
index 8b74c1c098a54162f227f37160eb9d83228f309f..9e5e808b9be7d8ab4ff71086595a0eea30457968 100644
--- a/src/Components/Card.js
+++ b/src/Components/Card.js
@@ -1,45 +1,38 @@
import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
-import CardHeader from '@material-ui/core/CardHeader';
-import CardMedia from '@material-ui/core/CardMedia';
import CardContent from '@material-ui/core/CardContent';
import CardActions from '@material-ui/core/CardActions';
-import Avatar from '@material-ui/core/Avatar';
import IconButton from '@material-ui/core/IconButton';
import Typography from '@material-ui/core/Typography';
-import red from '@material-ui/core/colors/red';
import FavoriteIcon from '@material-ui/icons/Favorite';
import ShareIcon from '@material-ui/icons/Share';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
import thumbnail from "../img/girassol.jpg"
-const useStyles = {
- card: {
- maxWidth: 400,
- },
- media: {
- height: 100,
- paddingTop: '56.25%', // 16:9
- },
-};
+// const useStyles = {
+// card: {
+// maxWidth: 400,
+// },
+// media: {
+// height: 100,
+// paddingTop: '56.25%', // 16:9
+// },
+// };
function RecipeReviewCard() {
- const classes = useStyles;
-
+ // const classes = useStyles;
return (
- <Card className={classes.card}>
- <img src={thumbnail}/>
+ <Card>
+ <img src={thumbnail} alt="thumbnail do recurso"/>
<CardContent >
<Typography variant="title" color="textSecondary" component="p">
Girassol
</Typography>
- <Typography variant="body4" color="textSecondary" component="p">
+ <Typography variant="caption" color="textSecondary" component="p">
This impressive paella is a perfect party dish and a fun meal to cook together with your
guests. Add 1 cup of frozen peas along with the mussels, if you like.
</Typography>
</CardContent>
- <CardActions disableSpacing>
+ <CardActions>
<IconButton aria-label="Add to favorites">
<FavoriteIcon />
</IconButton>
diff --git a/src/Components/EcFooter.js b/src/Components/EcFooter.js
index 22ba7667a6e33cda0e389cfbbdab7765d072f61c..3d19a703e38f7ec07cb9beccf46b87715600c6dd 100644
--- a/src/Components/EcFooter.js
+++ b/src/Components/EcFooter.js
@@ -26,24 +26,24 @@ class EcFooter extends Component{
<Col md={4} sm={4}>
<h4>Sobre</h4>
<ul style={listStyle}>
- <li> <a>Sobre a Plataforma</a> </li>
- <li> <a>Portais Parceiros</a> </li>
- <li> <a>Termos de Uso</a> </li>
- <li> <a>Contato</a> </li>
+ <li> <a href="#sobre">Sobre a Plataforma</a> </li>
+ <li> <a href="#parceiros">Portais Parceiros</a> </li>
+ <li> <a href="#termos-de-uso">Termos de Uso</a> </li>
+ <li> <a href="#contato">Contato</a> </li>
</ul>
</Col>
<Col md={4} sm={4}>
<h4>Ajuda</h4>
<ul style={listStyle}>
- <li> <a>Central de Ajuda</a> </li>
- <li> <a>Publicando Recursos</a> </li>
- <li> <a>Encontrando Recursos</a> </li>
- <li> <a>Participando da Rede</a> </li>
- <li> <a>Gerenciando a Conta</a> </li>
+ <li> <a href="#ajuda">Central de Ajuda</a> </li>
+ <li> <a href="#publicar">Publicando Recursos</a> </li>
+ <li> <a href="#busca">Encontrando Recursos</a> </li>
+ <li> <a href="#rede">Participando da Rede</a> </li>
+ <li> <a href="#conta">Gerenciando a Conta</a> </li>
</ul>
</Col>
<Col md={4} sm={4}>
- <img src={eduConectada} height="50%"/>
+ <img src={eduConectada} height="50%" alt="logo educação conectada"/>
</Col>
</Row>
</Container>
diff --git a/src/Components/Funcionalities.js b/src/Components/Funcionalities.js
index 38c924ecc575e08985099be3db72033fc43300e7..d308f796b3e4121e6538bd4a4569e25b52a4462c 100644
--- a/src/Components/Funcionalities.js
+++ b/src/Components/Funcionalities.js
@@ -31,7 +31,7 @@ class Funcionalities extends Component{
<h2>Aqui na Plataforma você pode:</h2>
<Row style={imgRow}>
<Col sm={4} md={4}>
- <img src={compartilhar} height="150px"/>
+ <img src={compartilhar} height="150px" alt="compartilhar recursos"/>
<span>
<span style={title}>
Compartilhar
@@ -42,7 +42,7 @@ class Funcionalities extends Component{
</span>
</Col>
<Col sm={4} md={4}>
- <img src={relatar} height="150px"/>
+ <img src={relatar} height="150px" alt="relatar experiências"/>
<span>
<span style={title}>
Relatar experiências,
@@ -53,7 +53,7 @@ class Funcionalities extends Component{
</span>
</Col>
<Col sm={4} md={4}>
- <img src={guardar} height="150px"/>
+ <img src={guardar} height="150px" alt="guardar recursos"/>
<span>
<span style={title}>
Guardar recursos
@@ -65,7 +65,7 @@ class Funcionalities extends Component{
</Col>
<Col sm={4} md={4}>
- <img src={seguir} height="150px"/>
+ <img src={seguir} height="150px" alt="seguir usuários"/>
<span>
<span style={title}>
Seguir usuários
@@ -76,7 +76,7 @@ class Funcionalities extends Component{
</span>
</Col>
<Col sm={4} md={4}>
- <img src={baixar} height="150px"/>
+ <img src={baixar} height="150px" alt="baixar recursos"/>
<span>
<span style={title}>
Baixar
@@ -87,7 +87,7 @@ class Funcionalities extends Component{
</span>
</Col>
<Col sm={4} md={4}>
- <img src={acessar} height="150px"/>
+ <img src={acessar} height="150px" alt="acessar materiais"/>
<span>
<span style={title}>
Acessar materiais
diff --git a/src/Components/MenuBar.js b/src/Components/MenuBar.js
index e08688624e51d0ead3309cff7bcc11cc64daf72c..3a57648e98fb6f9c040c743f08bb5660c62cf6cd 100644
--- a/src/Components/MenuBar.js
+++ b/src/Components/MenuBar.js
@@ -1,22 +1,21 @@
import React, {Component} from 'react';
-import {Row, Col, Container, Hidden, Visible} from 'react-grid-system'
+import {Row, Col, Container} from 'react-grid-system'
import '../App.css';
-import logoPlataforma from '../img/logo.svg';
-import logoEC from '../img/logoEC.svg';
+
import tumbnail from '../img/logo_small.svg'
import BT from './Button';
import Menulist from './menulist';
import { Link } from 'react-router-dom'
import {IoIosMenu} from "react-icons/io";
-const logosStyle={
- borderRight:"1px rgba(0,0,0,.1) solid",
- paddingTop:"20px",
- paddingBottom:"5px",
- paddingLeft: "0px",
- paddingRight: "0px",
- justifyContent:"left",
- display:"inline-flex"
-};
+// const logosStyle={
+// borderRight:"1px rgba(0,0,0,.1) solid",
+// paddingTop:"20px",
+// paddingBottom:"5px",
+// paddingLeft: "0px",
+// paddingRight: "0px",
+// justifyContent:"left",
+// display:"inline-flex"
+// };
const rowStyle={
verticalAlign: "left"
};
diff --git a/src/Components/SearchBar.js b/src/Components/SearchBar.js
index 93af4af7f33ddb93d3234f3ad092dad1b3cb3c08..5e272af1ab78b3eef75293a34ac568cb1541f400 100644
--- a/src/Components/SearchBar.js
+++ b/src/Components/SearchBar.js
@@ -1,20 +1,19 @@
import React, {Component} from 'react';
import '../App.css';
-import {Row, Col, Container} from 'react-grid-system';
-
+import {Row, Col} from 'react-grid-system';
import Button from '@material-ui/core/Button';
import Select from './Select';
import TextField from '@material-ui/core/TextField';
import {IoIosSearch} from 'react-icons/io';
-const barStyle={
- backgroundColor: "white",
- border: "none"
-};
-const searchButton={
- backgroundColor: "white",
- border: "none",
- borderRadius: "0"
-};
+// const barStyle={
+// backgroundColor: "white",
+// border: "none"
+// };
+// const searchButton={
+// backgroundColor: "white",
+// border: "none",
+// borderRadius: "0"
+// };
class SearchBar extends Component {
constructor (props) {
@@ -66,7 +65,7 @@ class SearchBar extends Component {
<Col sm={3} md={2}>
<Button
type='submit'
- size="100%"
+ size="medium"
onClick={this.handleSearch.bind(this)}>
<IoIosSearch size="30px"/>
</Button>
diff --git a/src/Components/SearchSection.js b/src/Components/SearchSection.js
index 36de5afbed2bdda5f5a34b0b5c1f053528420ec9..0faedfd41573349e58bdee47c7dbd2834cf0781f 100644
--- a/src/Components/SearchSection.js
+++ b/src/Components/SearchSection.js
@@ -2,7 +2,7 @@ import React, {Component} from 'react';
import '../App.css';
import banner from '../img/bannerBusca.jpg';
import SearchBar from './SearchBar';
-import {Row, Col, Container} from 'react-grid-system';
+import {Row, Container} from 'react-grid-system';
import {MdInfoOutline} from "react-icons/md"
import { FaRegPlayCircle} from "react-icons/fa";
@@ -54,8 +54,8 @@ class SearchSection extends Component{
<SearchBar/>
</Container>
<div style={{paddingBottom: "100px", color: "white"}}>
- <a><MdInfoOutline size="30px"/>SOBRE A PLATAFORMA</a>
- <a> <FaRegPlayCircle size="25px"/>VÃDEO DE APRESENTAÇÃO</a>
+ <a href="#sobre"><MdInfoOutline size="30px"/>SOBRE A PLATAFORMA</a>
+ <a href="#apresentacao"> <FaRegPlayCircle size="25px"/>VÃDEO DE APRESENTAÇÃO</a>
</div>
<Row justify="center">
<button style={{...buttonStyle, ...{backgroundColor: "#ff7f00"}}} onClick={()=> {this.props.function("Recursos")}}>Recursos Educacionais Digitais</button>
diff --git a/src/Components/Select.js b/src/Components/Select.js
index 0e71ff23e16084b600dcdb8c4b35af758b2f5542..8ad195b06dc985c01cdb081f155047804d5ad4ff 100644
--- a/src/Components/Select.js
+++ b/src/Components/Select.js
@@ -1,10 +1,8 @@
import React from 'react';
-import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import MenuItem from '@material-ui/core/MenuItem';
import FormControl from '@material-ui/core/FormControl';
import Select from '@material-ui/core/Select';
-import NativeSelect from '@material-ui/core/NativeSelect';
import InputBase from '@material-ui/core/InputBase';
const BootstrapInput = withStyles(theme => ({
@@ -15,18 +13,18 @@ const BootstrapInput = withStyles(theme => ({
},
}))(InputBase);
-const styles = theme => ({
- root: {
- display: 'flex',
- flexWrap: 'wrap',
- },
- margin: {
- margin: theme.spacing.unit,
- },
- bootstrapFormLabel: {
- fontSize: 18,
- },
-});
+// const styles = theme => ({
+// root: {
+// display: 'flex',
+// flexWrap: 'wrap',
+// },
+// margin: {
+// margin: theme.spacing.unit,
+// },
+// bootstrapFormLabel: {
+// fontSize: 18,
+// },
+// });
class CustomizedSelects extends React.Component {
state = {
@@ -38,7 +36,7 @@ class CustomizedSelects extends React.Component {
};
render() {
- const { classes } = this.props;
+ // const { classes } = this.props;
return (
<FormControl>
@@ -56,8 +54,5 @@ class CustomizedSelects extends React.Component {
}
}
-CustomizedSelects.propTypes = {
- classes: PropTypes.object.isRequired,
-};
export default (CustomizedSelects);
diff --git a/src/Components/Sobre.js b/src/Components/Sobre.js
index ce1244ea3daf38c96b969074f58d1d37a43129e0..c1a4a5c4aff36e98fe88cac676affc1bb622a9e3 100644
--- a/src/Components/Sobre.js
+++ b/src/Components/Sobre.js
@@ -16,7 +16,7 @@ class AGPLFooter extends Component{
<Container>
<Row justify="around">
<Col md={1}>
- <img src={acessoInfo} height="40"/>
+ <img src={acessoInfo} height="40" alt="Acesso a informação"/>
</Col>
<Col md={8}>
<p style={{fontSize: "12px", textAlign: "center"}}>
diff --git a/src/Components/StatsBar.js b/src/Components/StatsBar.js
index 37892db6e415bdc94418c63ab77c976391fdab2c..683c46c4ac1491beff863167388ae3448f102e90 100644
--- a/src/Components/StatsBar.js
+++ b/src/Components/StatsBar.js
@@ -1,5 +1,5 @@
import React, {Component} from 'react';
-import {Grid, Col,Row, Container} from 'react-grid-system';
+import {Col,Row, Container} from 'react-grid-system';
import mapaBrasil from '../img/mapa-brasil-line-icon.svg';
const brasilStyle={
backgroundColor: "#00bcd4",
@@ -16,10 +16,6 @@ const numberStyle={
fontFamily: "Roboto, sans-serif",
textAlign: "center"
};
-const captions={
- fontSize: "1.1em",
- fontFamily: "Roboto, sans-serif"
-};
const statistcStyle={
display: "inline-block",
padding: "5px",
@@ -33,7 +29,7 @@ class StatsBar extends Component{
<Container>
<Row>
<Col md={6} sm={6} style={{borderRight:"2px dotted #fff", textAlign: "right", alignSelf: "center"}}>
- <img src={mapaBrasil} height="83px"/>
+ <img src={mapaBrasil} height="83px" alt="mapa do brasil"/>
<span style={statistcStyle}>
<span style={numberStyle}>
31061
diff --git a/src/Home.js b/src/Home.js
index 821ef368819e4243bbec6b5bc84e066c3afaf0a3..a558ecc56116d166e23844b49bc417a8504ee8e2 100755
--- a/src/Home.js
+++ b/src/Home.js
@@ -1,4 +1,4 @@
-import React, {Component, Object} from 'react';
+import React, {Component} from 'react';
import './App.css';
import SearchSection from './Components/SearchSection';
import SubPages from './Components/AreasSubPages';