Ft/codeforafrica join our slack

apps/codeforafrica/src/pages/[...slugs].page.js

@@ -6,6 +6,7 @@ import FeaturedProjects from "@/codeforafrica/components/FeaturedProjects";
 import GetInTouch from "@/codeforafrica/components/GetInTouch";
 import GetInvolved from "@/codeforafrica/components/GetInvolved";
 import Hero from "@/codeforafrica/components/Hero";
+import JoinOurSlack from "@/codeforafrica/components/JoinOurSlack";
 import MeetOurTeam from "@/codeforafrica/components/MeetOurTeam";
 import NewsAndStories from "@/codeforafrica/components/NewsAndStories";
 import OurImpact from "@/codeforafrica/components/OurImpact";
@@ -14,13 +15,14 @@ import PageHeader from "@/codeforafrica/components/PageHeader";
 import { getPageServerSideProps } from "@/codeforafrica/lib/data";
 
 const componentsBySlugs = {
-  hero: Hero,
+  "get-involved": GetInvolved,
   "get-in-touch": GetInTouch,
+  hero: Hero,
+  "join-our-slack": JoinOurSlack,
   "page-header": PageHeader,
   "custom-page-header": CustomPageHeader,
   "meet-our-team": MeetOurTeam,
   "news-stories": NewsAndStories,
-  "get-involved": GetInvolved,
   "our-impact": OurImpact,
   "our-partners": OurPartners,
   projects: FeaturedProjects,

apps/codeforafrica/src/payload/blocks/JoinOurSlack.js

@@ -0,0 +1,24 @@
+import linkGroup from "../fields/links/linkGroup";
+
+const JoinOurSlack = {
+  slug: "join-our-slack",
+  imageURL: "/images/cms/blocks/join_our_slack.jpg",
+  imageAltText: "Display link to join our Slack community",
+  fields: [
+    {
+      name: "title",
+      label: "Title",
+      required: true,
+      type: "text",
+    },
+    {
+      name: "subtitle",
+      label: "Subtitle",
+      required: true,
+      type: "text",
+    },
+    linkGroup({ overrides: { name: "action", label: "Action" } }),
+  ],
+};
+
+export default JoinOurSlack;

apps/codeforafrica/src/payload/collections/Pages.js

@@ -2,6 +2,7 @@ import CustomPageHeader from "../blocks/CustomPageHeader";
 import Error from "../blocks/Error";
 import GetInTouch from "../blocks/GetInTouch";
 import Hero from "../blocks/Hero";
+import JoinOurSlack from "../blocks/JoinOurSlack";
 import OurImpact from "../blocks/OurImpact";
 import OurPartners from "../blocks/OurPartners";
 import PageHeader from "../blocks/PageHeader";
@@ -43,6 +44,7 @@ const Pages = {
         Error,
         GetInTouch,
         Hero,
+        JoinOurSlack,
         OurImpact,
         PageHeader,
         CustomPageHeader,