diff --git a/src/Components/ResourcePageComponents/Footer.js b/src/Components/ResourcePageComponents/Footer.js index b05799a8d12d3e5f573c3458d0e46caab474a107..84e072a1d7fc1ab1f552d463892d5a5a010dd102 100644 --- a/src/Components/ResourcePageComponents/Footer.js +++ b/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>