Merge pull request #782 from CodeForAfrica/bugfix/charterafrica-spotl…

…ight

Bump charterafrica version to 0.1.30

apps/charterafrica/contrib/dokku/Dockerfile

@@ -1 +1 @@
-FROM codeforafrica/charterafrica-ui:0.1.29
+FROM codeforafrica/charterafrica-ui:0.1.30

apps/charterafrica/package.json

@@ -1,6 +1,6 @@
 {
   "name": "charterafrica",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "private": true,
   "author": "Code for Africa <[email protected]>",
   "description": "This is the official code for https://charter.africa site",

apps/charterafrica/src/components/Spotlight/Spotlight.js

@@ -73,7 +73,7 @@ const Spotlight = React.forwardRef(function Spotlight(props, ref) {
                     <CardMedia
                       alt={item.title}
                       component="img"
-                      src={item.image.src}
+                      src={item.image.url}
                       sx={{
                         height: {
                           xs: "auto",

apps/charterafrica/src/lib/data/common/processPageIndex.js

@@ -47,11 +47,12 @@ const processSpotlight = (page, api, context) => {
       const { item: itemData, ...rest } = item;
       return {
         ...rest,
+        category: rest?.category || null,
         item: {
           ...itemData,
           image: {
-            src: itemData.image.url,
             alt: itemData.image.alt,
+            url: itemData.image.url,
           },
           date: new Date(itemData.date).toLocaleDateString(locale, {
             year: "numeric",

apps/charterafrica/src/payload/collections/Media.js

@@ -19,6 +19,14 @@ const Media = {
       required: true,
     },
   ],
+  hooks: {
+    afterRead: [
+      ({ doc }) => ({
+        ...doc,
+        alt: doc.alt ?? null,
+      }),
+    ],
+  },
 };
 
 export default Media;