fix updateCover

src/Components/EditarColecaoForm.js

@@ -43,10 +43,10 @@ export default function EditarColecaoForm (props) {
     const [value, setValue] = useState(-1);
 
     /*values are set according to backend complaint id*/
-    const [options] = useState([
+    const [options] = [
         {value : "pública", text :'Pública (Sua coleção estará disponível para todos)'},
         {value : "privada", text : 'Privada (Somente você poderá visualizar esta coleção)'}
-    ])
+    ]
 
     const handleChange = (event) => {
         setValue(event.target.value);

src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js

@@ -27,11 +27,11 @@ import Tooltip from '@material-ui/core/Tooltip';
 import FormInput from "../../FormInput.js"
 import ValidateUserInput from '../../HelperFunctions/FormValidationFunction.js'
 import {apiDomain} from '../../../env.js'
-
+import ModalAlterarCover from '../../ModalAlterarCover/ModalAlterarCover.js'
 
 export default function TabPanelEditarPerfil (props) {
     // eslint-disable-next-line
-    const {state, dispatch} = useContext(Store)
+    const {state} = useContext(Store)
     const [hoverAlterarFoto, handleAlterarFoto] = React.useState(false)
 
     const [formNome, setNome] = useState({
@@ -48,9 +48,16 @@ export default function TabPanelEditarPerfil (props) {
         handleAlterarFoto(!hoverAlterarFoto)
     }
 
+    const [tempCover, setTempCover] = useState('')
+
+    const [open, toggleOpen] = useState(false)
+    const controlModal = () => {toggleOpen(!open)}
+
     const updateCover = (selectorFiles) => {
-        console.log(selectorFiles)
-        console.log(selectorFiles[0].name)
+        const objectURL = URL.createObjectURL(selectorFiles[0])
+        console.log(objectURL)
+        setTempCover(objectURL)
+        controlModal()
     }
 
     const handleChange = (e, type) => {
@@ -98,6 +105,13 @@ export default function TabPanelEditarPerfil (props) {
     }
 
     return (
+        <React.Fragment>
+            <ModalAlterarCover
+                open = {open}
+                handleClose={controlModal}
+                cover={tempCover}
+                id={state.currentUser.id}
+            />
             <div className="card-config">
                 <h1 style={{fontWeight:"300"}}>Editar Perfil </h1>
                     <div className='content-div'>
@@ -161,6 +175,7 @@ export default function TabPanelEditarPerfil (props) {
                         </div>
                     </div >
             </div>
+        </React.Fragment>
     )
 }