diff --git a/src/Components/UploadPageComponents/LearnObjInfo.js b/src/Components/UploadPageComponents/LearnObjInfo.js index b3c7251507025c9e4298903f673af21be721dcb0..0d337bc072dd5bb0f880c26ada40e3d8e8633c6f 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(0); + const [activeStep, setActiveStep] = React.useState(1); const stepperControl=(increment)=>{setActiveStep(activeStep + increment)} return ( diff --git a/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js b/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js index 45af363f117d2d6cea1ed95d2a66d1b159d9ab7f..6d5c34c89f4c0922eb2c80e54f2563e569fa2916 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/EducationalStage.js @@ -33,12 +33,7 @@ export default function EducationalStage (props) { {name : 'Outros', id : 5} ] - let selected = [false, false, false, false, false] - - const handleChange = (event) => { - console.log('event', event.target.value) - selected[event.target.value] = !selected[event.target.value] - } + let selected = [false, false, false, false, false, false] return ( <FormControl required style={{minWidth : "30%"}}> @@ -48,14 +43,12 @@ export default function EducationalStage (props) { <FormGroup> { stages.map(stage => - <> - {console.log(selected[2])} <FormControlLabel key={stage.id} label={stage.name} - control={<Checkbox checked={selected[stage.id]} value={stage.id} onChange={handleChange}/>}/> - </> + control={<Checkbox checked={stage.selected} value={stage.id} onChange={() => {selected[stage.id] = !selected[stage.id]}}/>}/> ) } </FormGroup> </FormControl> + ) } diff --git a/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js b/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js index 343037f53062951cbd56bf47cc0502505977bafe..9c2c77dc251b52eb8f070dadd6e7f58e1b4d4542 100644 --- a/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js +++ b/src/Components/UploadPageComponents/PartTwoComponents/Licenca.js @@ -31,6 +31,14 @@ function Licenca (props) { const options = [ {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}, + + {name : "CC BY-SA", description : "(Esta licença permite que outros remixem, adaptem e criem a partir do seu trabalho, mesmo para fins comerciais, desde que lhe atribuam o devido crédito e que licenciem as novas criações sob termos idênticos)", id : 2}, + + {name : "CC BY-NC", description : "(Esta licença permite que outros remixem, adaptem e criem a partir do seu trabalho para fins não comerciais e, embora os novos trabalhos tenham de lhe atribuir o devido crédito e não possam ser usados para fins comerciais, os usuários não têm de licenciar esses trabalhos derivados sob os mesmos termos)", id : 4}, + + {name : "CC BY-NC SA", description : "(Esta licença permite que outros remixem, adaptem e criem a partir do seu trabalho para fins não comerciais, desde que atribuam o devido crédito e que licenciem as novas criações sob termos idênticos)", id : 5}, + + {name : "CC BY-NC-ND 3.0 BR", description : "(Atribuição-NãoComercial-SemDerivações 3.0 Brasil. Esta licença permite compartilhar, copiar e redistribuir o material em qualquer suporte ou formato)", id : 12} ] const [value, setValue] = useState(-1) @@ -41,11 +49,11 @@ function Licenca (props) { <StyledFormLabel component="legend" style={{fontSize : "14px", marginBottom : "10px"}}> <b>Licença do Uso do Conteúdo</b> <a href="https://br.creativecommons.org/licencas/" style={{color : "#ff7f00", textDecoration : "underline"}}>Saiba mais</a> </StyledFormLabel> - <RadioGroup aria-label="Tipo de Recurso" name="Tipo de Recurso" row value={value} onChange={handleChange} style={{justifyContent : "center"}}> + <StyledFormControlLabel aria-label="Tipo de Recurso" name="Tipo de Recurso" row value={value} onChange={handleChange} style={{justifyContent : "center"}}> { options.map( (option) => - <StyledFormControlLabel key={option.id} value={option.id} - control={<Radio/>} + <FormControlLabel key={option.id} value={option.id} + control={<Radio />} label={ <span className="title">{option.name} <span className="parentese"> {option.description}</span> @@ -55,16 +63,17 @@ function Licenca (props) { ) } - </RadioGroup> + </StyledFormControlLabel> </FormControl> ) } export default memo(Licenca) -const StyledFormControlLabel = styled(FormControlLabel)` +const StyledFormControlLabel = styled(RadioGroup)` .MuiFormControlLabel-root { - display : flex !important; + display : block !important; + margin-bottom : 16px !important; } .title {