ft/Removed hard coded content

apps/codeforafrica/content/pages/contact.md

@@ -61,18 +61,11 @@ contact-form:
 
     <!--End mc_embed_signup-->
 join-us:
-  icon:
-    href: https://docs.google.com/forms/d/e/1FAIpQLSdkfLU2yi2S1_7D27Z0I1TumkWy5brlam809Od9cc6CnXGA-A/viewform
-    src: /images/type-slack-size-64-color-currentcolor.svg
   title: We are on Slack!
   subtitle: Join us
-  action: JOIN OUR SLACK
-  offices-addresses:
-    - f80da5cc-a72c-4573-abe4-cf0432f1dd87
-    - 309d67f8-6bb8-46fd-873f-d0475ddee974
-    - 54814d5a-d844-425d-aa3d-f466a2e71afd
-    - a57c5c5a-32ab-4e00-a57f-f8b050b58e63
-    - 4f079340-a9b1-464a-801a-4edabb67b6e8
+  action:
+    href: https://docs.google.com/forms/d/e/1FAIpQLSdkfLU2yi2S1_7D27Z0I1TumkWy5brlam809Od9cc6CnXGA-A/viewform
+    label: Join Our Slack
 seo:
   title: Contact Us
   description: Let’s start something together!

apps/codeforafrica/src/components/SocialMediaBar/SocialMediaBar.snap.js

@@ -6,7 +6,7 @@ exports[`<SocialMediaBar /> renders unchanged 1`] = `
     class="css-mpycnp-MuiStack-root"
   >
     <div
-      class="MuiTypography-root MuiTypography-footerCap css-19iy7wy-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-footerCap css-scsc4a-MuiTypography-root"
     >
       Connect with: 
     </div>

apps/codeforafrica/src/lib/api.netlify-cms/getContactForm.js

@@ -1,13 +1,15 @@
 import { getCollectionBySlug } from "./utils";
 
 function getContactForm() {
-  const { "contact-form": contactForm } = getCollectionBySlug(
-    "content/pages",
-    "contact",
-    ["contact-form"]
-  ).items;
+  const { "contact-form": contactForm, "join-us": joinUs } =
+    getCollectionBySlug("content/pages", "contact", [
+      "contact-form",
+      "join-us",
+    ]).items;
+
   const { "embed-code": embedCode } = contactForm || {};
-  return { embedCode };
+
+  return { embedCode, joinUs };
 }
 
 export default getContactForm;

apps/codeforafrica/src/lib/index.js

@@ -680,6 +680,8 @@ function getAboutPartnersPageStaticProps() {
 function getContactPageStaticProps() {
   const seo = getSeo("contact");
 
+  const { embedCode, joinUs } = getContactForm();
+
   return {
     props: {
       seo,
@@ -689,17 +691,12 @@ function getContactPageStaticProps() {
           ...getHero("contact"),
         },
         {
-          ...getContactForm(),
+          embedCode,
           slug: "contact-form",
         },
         {
           slug: "join-our-slack",
-          title: "We are on Slack!",
-          subtitle: "Join us",
-          action: {
-            label: "Join our Slack",
-            href: "https://docs.google.com/forms/d/e/1FAIpQLSdkfLU2yi2S1_7D27Z0I1TumkWy5brlam809Od9cc6CnXGA-A/viewform",
-          },
+          ...joinUs,
         },
         {
           slug: "office-addresses",

apps/codeforafrica/src/pages/api/admin/config.js

@@ -621,47 +621,20 @@ module.exports = {
                 {
                   label: "Action",
                   name: "action",
-                  widget: "string",
-                },
-                {
-                  label: "Icon",
-                  name: "icon",
                   widget: "object",
                   fields: [
                     {
-                      label: "Src",
-                      name: "src",
-                      widget: "image",
-                    },
-                    {
-                      label: "Href",
-                      name: "href",
-                      widget: "string",
-                    },
-                    {
-                      label: "Height",
-                      name: "height",
+                      label: "Label",
+                      name: "label",
                       widget: "string",
-                      required: false,
                     },
                     {
-                      label: "Width",
-                      name: "width",
+                      label: "Link",
+                      name: "href",
                       widget: "string",
-                      required: false,
                     },
                   ],
                 },
-                {
-                  label: "Our Offices",
-                  name: "offices-addresses",
-                  widget: "relation",
-                  collection: "offices-addresses",
-                  search_fields: ["name"],
-                  value_field: "id",
-                  display_fields: ["name"],
-                  multiple: true,
-                },
               ],
             },
             {