fix: 🐛 make customer, description and participation optional fields

Author: kitos

src/pages/portfolio.js

@@ -57,25 +57,37 @@ let PortfolioPage = ({
               </h2>
             </header>
 
-            <h3>Customer</h3>
-
-            <p>{project.customer}</p>
-
-            <h3>Description</h3>
-
-            <div
-              dangerouslySetInnerHTML={{
-                __html: project.description.childContentfulRichText.html,
-              }}
-            />
-
-            <h3>Participation</h3>
-
-            <ul>
-              {project.participation.map(p => (
-                <li key={p}>{p}</li>
-              ))}
-            </ul>
+            {project.customer && (
+              <>
+                <h3>Customer</h3>
+
+                <p>{project.customer}</p>
+              </>
+            )}
+
+            {project.description && (
+              <>
+                <h3>Description</h3>
+
+                <div
+                  dangerouslySetInnerHTML={{
+                    __html: project.description.childContentfulRichText.html,
+                  }}
+                />
+              </>
+            )}
+
+            {project.participation && (
+              <>
+                <h3>Participation</h3>
+
+                <ul>
+                  {project.participation.map(p => (
+                    <li key={p}>{p}</li>
+                  ))}
+                </ul>
+              </>
+            )}
 
             <h3>Technologies</h3>