wip part 2

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 (

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

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;
+    }
+`