Stories block

apps/codeforafrica/src/lib/data/blockify/index.js

@@ -2,12 +2,14 @@ import getInvolved from "./get-involved";
 import hero from "./hero";
 import meetOurTeam from "./meetOurTeam";
 import ourImpact from "./our-impact";
+import stories from "./stories";
 
 const propsifyBlockBySlug = {
   hero,
   "meet-our-team": meetOurTeam,
   "our-impact": ourImpact,
   "get-involved": getInvolved,
+  "stories-list": stories,
 };
 
 async function blockify(blocks) {

apps/codeforafrica/src/lib/data/blockify/stories.js

@@ -0,0 +1,32 @@
+import { imageFromMedia } from "@/codeforafrica/lib/data/utils";
+
+function stories(block) {
+  const { featured = {}, title, search, excerpt, ...other } = block;
+  const {
+    title: featuredStoryTitle,
+    coverImage: featuredStoryCoverImage,
+    excerpt: featuredStoryExcerpt,
+  } = featured;
+
+  const featuredStory = {
+    title: featuredStoryTitle,
+    image: imageFromMedia({
+      alt: featuredStoryTitle,
+      ...featuredStoryCoverImage,
+    }),
+    excerpt: featuredStoryExcerpt,
+    slug: "featured-story",
+  };
+
+  const storiesList = {
+    ...other,
+    slug: "stories-list",
+  };
+
+  return {
+    ...featuredStory,
+    storiesList,
+  };
+}
+
+export default stories;