added comments and functionalities to buttons

src/Components/ResourcePageComponents/Footer.js

@@ -12,6 +12,7 @@ import {Link} from 'react-router-dom'
 import ReportModal from '../ReportModal.js'
 import ReportRecursoForm from '../ReportRecursoForm.js'
 import ShareModal from '../ShareModal.js'
+import GuardarModal from '../GuardarModal.js'
 
 export default function Footer (props) {
     const {state} = useContext(Store)
@@ -23,6 +24,7 @@ export default function Footer (props) {
 
     const [reportOpen, toggleReport] = useState(false)
     const [shareOpen, toggleShare] = useState(false)
+    const [saveToCol, toggleSave] = useState(false)
 
     return (
         <React.Fragment>
@@ -35,6 +37,10 @@ export default function Footer (props) {
                 thumb={props.thumb} title={props.title} link={props.link}
                 />
 
+            <GuardarModal open={saveToCol} handleClose={() => {toggleSave(false)}}
+                thumb={props.thumb} title={props.title} recursoId={props.recursoId}
+                handleSnackbar={props.handleSnackbar}
+                />
             <OpcoesDiv>
                 <StyledGrid container>
 
@@ -56,8 +62,9 @@ export default function Footer (props) {
                         </ButtonGrey>
                     </Grid>
 
+                    {/*Botao Guardar*/}
                     <Grid item xs={3}>
-                        <ButtonGrey>
+                        <ButtonGrey onClick={state.currentUser.id === '' ? () => console.log('abrir login modal') : () => toggleSave(true)}>
                             <span className="button-text">
                                 <FolderIcon className="icon"/>Guardar
                             </span>