fixed update cover

src/Components/TabPanels/UserPageTabs/PanelEditarPerfil.js

@@ -28,6 +28,7 @@ import FormInput from "../../FormInput.js"
 import ValidateUserInput from '../../HelperFunctions/FormValidationFunction.js'
 import {apiDomain} from '../../../env.js'
 import ModalAlterarCover from '../../ModalAlterarCover/ModalAlterarCover.js'
+import Profile from '../../../img/default_profile0.png'
 
 export default function TabPanelEditarPerfil (props) {
     // eslint-disable-next-line
@@ -55,7 +56,6 @@ export default function TabPanelEditarPerfil (props) {
 
     const updateCover = (selectorFiles) => {
         const objectURL = URL.createObjectURL(selectorFiles[0])
-        console.log(objectURL)
         setTempCover(objectURL)
         controlModal()
     }
@@ -118,7 +118,7 @@ export default function TabPanelEditarPerfil (props) {
                         <div style={{padding:"0", display:"flex", flexDirection:"column"}}>
                             <HeaderContainer>
                                 <div style={{position:"relative", height:"100%"}}>
-                                    <img src={`${apiDomain}` + state.currentUser.cover} alt="user cover avatar" style={{width:"100%", height:"100%", objectFit:"cover"}}/>
+                                    <img src={state.currentUser.cover ? `${apiDomain}` + state.currentUser.cover : null} alt="user cover avatar" style={{width:"100%", height:"100%", objectFit:"cover"}}/>
                                     <input accept="image/*" style = {{display:"none"}} id="icon-button-file" type="file" onChange={(e) => updateCover(e.target.files)}/>
                                     <label htmlFor="icon-button-file">
                                         <Tooltip title={<span style={{fontSize:"14px", overflow:"hidden", transition:"all .5s ease"}}>ALTERAR CAPA</span>} placement="left">
@@ -129,7 +129,7 @@ export default function TabPanelEditarPerfil (props) {
                                     </label>
                                 </div>
                                 <ProfileAvatarDiv onMouseEnter={handleHoverAlterarFoto} onMouseLeave={handleHoverAlterarFoto}>
-                                    <img src={`${apiDomain}` + state.currentUser.avatar} alt = "user avatar" style={{border:"0", verticalAlign:"middle"}}/>
+                                    <img src={state.currentUser.avatar ? `${apiDomain}` + state.currentUser.avatar : Profile} alt = "user avatar" style={{border:"0", verticalAlign:"middle"}}/>
                                     <ChangeAvatarDiv  style={ {display : hoverAlterarFoto ? 'flex' : 'none'}}>
                                         <span>Alterar Foto</span>
                                     </ChangeAvatarDiv>