diff --git a/src/Components/UploadPageComponents/LearnObjInfo.js b/src/Components/UploadPageComponents/LearnObjInfo.js index 0d337bc072dd5bb0f880c26ada40e3d8e8633c6f..b3c7251507025c9e4298903f673af21be721dcb0 100644 --- a/src/Components/UploadPageComponents/LearnObjInfo.js +++ b/src/Components/UploadPageComponents/LearnObjInfo.js @@ -32,7 +32,7 @@ import Grid from '@material-ui/core/Grid'; import PartTwo from './PartTwo.js' export default function LearnObjInfo (props) { - const [activeStep, setActiveStep] = React.useState(1); + const [activeStep, setActiveStep] = React.useState(0); const stepperControl=(increment)=>{setActiveStep(activeStep + increment)} return ( diff --git a/src/Components/UploadPageComponents/PartTwo.js b/src/Components/UploadPageComponents/PartTwo.js index ce148ea806bce463fede1c2907bfdfec108b3a2d..255315f8b9c7ab637d0aa66e62c141d4dc33e070 100644 --- a/src/Components/UploadPageComponents/PartTwo.js +++ b/src/Components/UploadPageComponents/PartTwo.js @@ -62,7 +62,7 @@ export default function PartTwo (props) { </Grid> <Grid item xs={12} style={{paddingBottom : "40px"}}> - <Licenca subjects={themes}/> + <Licenca/> </Grid> </form> ) diff --git a/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js b/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js index fc7c41796c0da5b75546a15e7703ca36c4952751..343037f53062951cbd56bf47cc0502505977bafe 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/Licenca.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/>.*/ import React, {useState, useEffect, memo} from 'react' -import { makeStyles } from '@material-ui/core/styles'; +import styled from 'styled-components' import FormControl from '@material-ui/core/FormControl'; import {ObjTypeBox, StyledFormLabel} from '../StyledComponents.js' import RadioGroup from '@material-ui/core/RadioGroup'; @@ -30,7 +30,7 @@ import {apiUrl, apiDomain} from '../../../env'; function Licenca (props) { const options = [ - {name : , } + {name : "CC BY", description : "(Esta licença permite que outros distribuam, remixem, adaptem e criem a partir do seu trabalho, mesmo para fins comerciais, desde que lhe atribuam o devido crédito pela criação original)", id : 1}, ] const [value, setValue] = useState(-1) @@ -43,9 +43,14 @@ function Licenca (props) { </StyledFormLabel> <RadioGroup aria-label="Tipo de Recurso" name="Tipo de Recurso" row value={value} onChange={handleChange} style={{justifyContent : "center"}}> { - props.subjects.map( (subject) => - <FormControlLabel key={subject.id} value={subject.id} - control={<StyledRadio label={subject.name} checked={value === subject.id}/>} + options.map( (option) => + <StyledFormControlLabel key={option.id} value={option.id} + control={<Radio/>} + label={ + <span className="title">{option.name} + <span className="parentese"> {option.description}</span> + </span> + } /> ) @@ -56,3 +61,21 @@ function Licenca (props) { } export default memo(Licenca) + +const StyledFormControlLabel = styled(FormControlLabel)` + .MuiFormControlLabel-root { + display : flex !important; + } + + .title { + font-size: 14px; + font-weight: 600; + color:#666; + padding-left: 2px; + } + .parentese { + font-weight: 200; + color:#a5a5a5; + padding-left: 10px; + } +` diff --git a/src/img/ecd.png b/src/img/ecd.png new file mode 100644 index 0000000000000000000000000000000000000000..46b6ccc37527909668b77dbcb1cfcd2b9eedf7c1 Binary files /dev/null and b/src/img/ecd.png differ