H #2546 do not show image in verification when there is none

Giveth · Sep 25, 2021 · d423548 · d423548
1 parent 5ed5652
commit d423548
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 14 deletions.
diff --git a/src/components/views/verification/ConfirmProject.jsx b/src/components/views/verification/ConfirmProject.jsx
@@ -6,13 +6,15 @@ import DescriptionRender from '../../DescriptionRender';
 const ConfirmProject = ({ handleNextStep, project, reportIssue, formIsValid, isSaving }) => {
   return (
     <div>
-      <img
-        className="w-100"
-        height={150}
-        src={project.image}
-        alt={project.title}
-        style={{ objectFit: 'cover' }}
-      />
+      {project.image && (
+        <img
+          className="w-100"
+          height={150}
+          src={project.image}
+          alt={project.title}
+          style={{ objectFit: 'cover' }}
+        />
+      )}
       <div className="row p-4">
         <div className="col-md-4">
           <div className="custom-title">Confirm your Project to make it traceable</div>

diff --git a/src/components/views/verification/Congratulations.jsx b/src/components/views/verification/Congratulations.jsx
@@ -15,13 +15,15 @@ const Congratulations = ({ campaignSlug, project }) => {
 
   return (
     <div>
-      <img
-        className="w-100"
-        height={150}
-        src={project.image}
-        alt={project.title}
-        style={{ objectFit: 'cover' }}
-      />
+      {project.image && (
+        <img
+          className="w-100"
+          height={150}
+          src={project.image}
+          alt={project.title}
+          style={{ objectFit: 'cover' }}
+        />
+      )}
       <div className="text-left p-5">
         <div>
           <strong>Title: </strong>

diff --git a/src/components/views/verification/Main.jsx b/src/components/views/verification/Main.jsx
@@ -117,6 +117,8 @@ const Verification = props => {
         },
       })
       .then(_project => {
+        // Default project images in IO are saved as numbers, we remove them
+        if (/^\d+$/.test(_project.image)) _project.image = '';
         setProject(_project);
         setStep(step + 1);
       })