wip

ocftw · Oct 28, 2023 · 5b91179 · 5b91179
1 parent 5a9c0ac
commit 5b91179
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 1 deletion.
diff --git a/homepage/src/components/cards/card.jsx b/homepage/src/components/cards/card.jsx
@@ -8,7 +8,10 @@ const Card = ({ card }) => {
   } else {
     return (
       <div className="col-md-4 mb-3" id={card.data.id}>
-        <div className="section-main">
+        <div
+          className="section-main"
+          style={{ backgroundColor: `${card.data.color.background}` }}
+        >
           <h3>{card.data.title}</h3>
           <div>
             <div className="image-container">

diff --git a/homepage/src/lib/processCardData.js b/homepage/src/lib/processCardData.js
@@ -69,6 +69,38 @@ export function processCardData(data) {
     };
   }
   // project card
+  const jobCards = data.type === 'job';
+
+  if (data.type === 'project') {
+    const color = {};
+    const mainTag = data.tags.find((tag) =>
+      ['open gov', 'open data', 'open source'].includes(tag),
+    );
+    switch (mainTag) {
+      case 'open gov':
+        color.background = '#efac49';
+        break;
+      case 'open data':
+        color.background = '#73a09b';
+        break;
+      case 'open source':
+        color.background = '#9b2123';
+        break;
+      default:
+        color.background = '#ffffff';
+    }
+
+    const tags = data.tags || [];
+    const avatarList = tags.map((tag) => {
+      const jobCard = jobCards.find((jobCard) => jobCard.data.tags[0] === tag);
+      return jobCard ? jobCard.data : null;
+    });
+
+    data = {
+      ...data,
+      color,
+    };
+  }
 
   return {
     ...data,