Changes images of no content

src/Components/ResourcePageComponents/VideoPlayer.js

@@ -61,14 +61,17 @@ export default function VideoPlayer (props) {
                     )
                     :
                     (
+                        props.videoType === "video/mp4" ?
                             <VideoContainer>
                                 <video controls className="video">
                                     <source src={props.videoUrl} type="video/webm" />
                                     <source src={props.videoUrl} type="video/mp4" />
-                    <p>Seu navegador não permite a exibição deste vídeo. É necessário baixar o vídeo para poder visualizá-lo.</p>
                                 </video>
                             </VideoContainer>
-
+                            :
+                            <ErrorParagraph>
+                                Seu navegador não permite a exibição deste vídeo. É necessário baixar o vídeo para poder visualizá-lo.
+                            </ErrorParagraph>
                     )
             }
         </>
@@ -89,3 +92,7 @@ const VideoContainer = styled.div`
         left : 0;
     }
 `
+
+const ErrorParagraph = styled.p`
+    text-align: center;
+`

src/Components/TabPanels/PanelComponents/NoContent.js

@@ -18,19 +18,20 @@ along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>
 
 import React from 'react'
 import styled from 'styled-components'
-import NoContentImage from '../../../img/img-16.png'
+import defaultNoContent from '../../../img/img-16.png'
 
 
-export default function NoContent(props) {
+
+export default function NoContent({text, image}) {
 
     return (
         <DivTextoNoPublications>
             <InnerDiv>
                 <ImgDiv>
-                    <img alt="" src={NoContentImage} style={{ width: "130px", verticalAlign: "middle", border: "0" }} />
+                    <img alt="" src={image || defaultNoContent } style={{ width: "130px", verticalAlign: "middle", border: "0" }} />
                 </ImgDiv>
                 <TextDiv>
-                    <NoPubSpan>{props.text}</NoPubSpan>
+                    <NoPubSpan>{text}</NoPubSpan>
                 </TextDiv>
             </InnerDiv>
         </DivTextoNoPublications>

src/Components/TabPanels/PanelComponents/TemplateColecao.js

@@ -24,6 +24,7 @@ import Title from './PanelTitle.js'
 import { WhiteContainer, StyledGrid } from '../StyledComponents.js'
 import { ButtonsAreaColecao } from './ButtonsArea'
 import LoadingSpinner from '../../LoadingSpinner.js'
+import noCollFound from '../../../img/Pagina_vazia_colecao.png'
 
 export default function PanelTemplateColecao(props) {
     const RenderFollowedColCard = (card, followerBoolean) => {
@@ -86,7 +87,10 @@ export default function PanelTemplateColecao(props) {
                     :
                     props.length === 0 ?
                         (
-                            <NoContent text={props.noContentText} />
+                            <NoContent 
+                                text={props.noContentText} 
+                                image={noCollFound}
+                                />
                         )
                         :
                         (

src/Components/TabPanels/PanelComponents/TemplateRecurso.js

@@ -24,6 +24,7 @@ import Title from './PanelTitle.js'
 import { WhiteContainer, StyledGrid } from '../StyledComponents.js'
 import { ButtonsAreaRecurso } from './ButtonsArea'
 import LoadingSpinner from '../../LoadingSpinner.js'
+import noLearnObjFound from '../../../img/Pagina_vazia_Sem_publicar.png'
 
 export default function Template(props) {
 
@@ -46,6 +47,7 @@ export default function Template(props) {
                         (
                             <NoContent
                                 text={props.noContentText}
+                                image={noLearnObjFound}
                             />
                         )
                         :