wip

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 (

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>
+
     )
 }

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,10 +49,10 @@ 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}
+                    <FormControlLabel key={option.id} value={option.id}
                         control={<Radio />}
                         label={
                             <span className="title">{option.name}
@@ -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 {