+ Women make up only 22% of the people seen, heard or read about in the news in Africa, the results of the
+
+ Global Media Monitoring Project
+
+ report launched on 14 July show. The performance of the continent’s news media has stagnated in comparison to the media in the rest of the world which has improved in the quarter century that the research has been running.
+
+ “At the world level, women are only 1 in 4 of subjects and sources in the news. This proportion is marginally better in the digital news space but at the cumulative pace of change over time, it will take at least 67 more years to close the average global gender equality gap in news media content,” Sarah Macharia, Coordinator of WACC’s Global Media Monitoring Project (GMMP) said.
+
+
+ However, in a more positive development, women in Africa tend to be featured more as subjects on science and health stories at 30%. Interestingly, this topic is also covered by more women reporters than average. The positive correlation supports the idea that having a more diverse newsroom leads to more diverse stories.
+
+
+ Taking place every five years, the GMMP study is the largest and longest longitudinal study on gender in the world’s media. The 6th edition took place in 2020, in the midst of the pandemic and some adjustments had to be made on the schedule and data capture, including offline coding tools.
+
",
+ children: [
+ {
+ blockType: "richText",
+ id: "1",
+ richTextBlockFields: {
+ content: [
+ {
+ children: [
+ {
+ text: "Women make up only 22% of the people seen, heard or read about in the news in Africa, the results of the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://whomakesthenews.org/gmmp-2020-final-reports/",
+ children: [
+ {
+ text: "Global Media Monitoring Project",
+ children: null,
+ },
+ ],
+ href: "https://whomakesthenews.org/gmmp-2020-final-reports/",
+ },
+ {
+ text: " report launched on 14 July show. The performance of the continent’s news media has stagnated in comparison to the media in the rest of the world which has improved in the quarter century that the research has been running.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "“At the world level, women are only 1 in 4 of subjects and sources in the news. This proportion is marginally better in the digital news space but at the cumulative pace of change over time, it will take at least 67 more years to close the average global gender equality gap in news media content,” Sarah Macharia, Coordinator of WACC’s Global Media Monitoring Project (GMMP) said.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "However, in a more positive development, women in Africa tend to be featured more as subjects on science and health stories at 30%. Interestingly, this topic is also covered by more women reporters than average. The positive correlation supports the idea that having a more diverse newsroom leads to more diverse stories.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "Taking place every five years, the GMMP study is the largest and longest longitudinal study on gender in the world’s media. The 6th edition took place in 2020, in the midst of the pandemic and some adjustments had to be made on the schedule and data capture, including offline coding tools.",
+ children: null,
+ },
+ ],
+ },
+ ],
+ },
+ },
+ {
+ blockType: "mediaBlock",
+ id: "2",
+ mediaBlockFields: {
+ image: {
+ alt: "alt",
+ src: "https://res.cloudinary.com/code-for-africa/image/upload/v1652705960/codeforafrica/images/Property_1_africanDRONE_y4surg.jpg",
+ },
+ },
+ },
+ {
+ blockType: "external-embed",
+ id: "3",
+ embedBlockFields: {
+ code: '',
+ },
+ caption: "caption",
+ url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+ },
+ ],
};
describe("", () => {
diff --git a/apps/codeforafrica/src/components/ChoiceChip/ChoiceChip.snap.js b/apps/codeforafrica/src/components/ChoiceChip/ChoiceChip.snap.js
index b142ce849..32dc0f71f 100644
--- a/apps/codeforafrica/src/components/ChoiceChip/ChoiceChip.snap.js
+++ b/apps/codeforafrica/src/components/ChoiceChip/ChoiceChip.snap.js
@@ -3,7 +3,7 @@
exports[` renders unchanged 1`] = `
- In 10 years, 15 000 trainees have learned new skills and knowledge within the civic tech and media space.
+
+ Our team makes an impact in more than 20 countries where members are present.
+
+ “At the world level, women are only 1 in 4 of subjects and sources in the news. This proportion is marginally better in the digital news space but at the cumulative pace of change over time, it will take at least 67 more years to close the average global gender equality gap in news media content,” Sarah Macharia, Coordinator of WACC’s Global Media Monitoring Project (GMMP) said.
+
+
+ However, in a more positive development, women in Africa tend to be featured more as subjects on science and health stories at 30%. Interestingly, this topic is also covered by more women reporters than average. The positive correlation supports the idea that having a more diverse newsroom leads to more diverse stories.
+
+
+ Taking place every five years, the GMMP study is the largest and longest longitudinal study on gender in the world’s media. The 6th edition took place in 2020, in the midst of the pandemic and some adjustments had to be made on the schedule and data capture, including offline coding tools.
+
+
+
+`;
diff --git a/apps/codeforafrica/src/components/LongFormRichText/LongFormRichText.test.js b/apps/codeforafrica/src/components/LongFormRichText/LongFormRichText.test.js
new file mode 100644
index 000000000..8928c14eb
--- /dev/null
+++ b/apps/codeforafrica/src/components/LongFormRichText/LongFormRichText.test.js
@@ -0,0 +1,71 @@
+import { createRender } from "@commons-ui/testing-library";
+import React from "react";
+
+import LongFormRichText from "./LongFormRichText";
+
+import theme from "@/codeforafrica/theme";
+
+// eslint-disable-next-line testing-library/render-result-naming-convention
+const render = createRender({ theme });
+
+const defaultProps = {
+ richTextBlockFields: {
+ content: [
+ {
+ children: [
+ {
+ text: "Women make up only 22% of the people seen, heard or read about in the news in Africa, the results of the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://whomakesthenews.org/gmmp-2020-final-reports/",
+ children: [
+ {
+ text: "Global Media Monitoring Project",
+ children: null,
+ },
+ ],
+ href: "https://whomakesthenews.org/gmmp-2020-final-reports/",
+ },
+ {
+ text: " report launched on 14 July show. The performance of the continent’s news media has stagnated in comparison to the media in the rest of the world which has improved in the quarter century that the research has been running.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "“At the world level, women are only 1 in 4 of subjects and sources in the news. This proportion is marginally better in the digital news space but at the cumulative pace of change over time, it will take at least 67 more years to close the average global gender equality gap in news media content,” Sarah Macharia, Coordinator of WACC’s Global Media Monitoring Project (GMMP) said.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "However, in a more positive development, women in Africa tend to be featured more as subjects on science and health stories at 30%. Interestingly, this topic is also covered by more women reporters than average. The positive correlation supports the idea that having a more diverse newsroom leads to more diverse stories.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "Taking place every five years, the GMMP study is the largest and longest longitudinal study on gender in the world’s media. The 6th edition took place in 2020, in the midst of the pandemic and some adjustments had to be made on the schedule and data capture, including offline coding tools.",
+ children: null,
+ },
+ ],
+ },
+ ],
+ },
+};
+
+describe("", () => {
+ it("renders unchanged", () => {
+ const { container } = render();
+ expect(container).toMatchSnapshot();
+ });
+});
diff --git a/apps/codeforafrica/src/components/LongFormRichText/index.js b/apps/codeforafrica/src/components/LongFormRichText/index.js
new file mode 100644
index 000000000..8fe238b5d
--- /dev/null
+++ b/apps/codeforafrica/src/components/LongFormRichText/index.js
@@ -0,0 +1,3 @@
+import LongFormRichText from "./LongFormRichText";
+
+export default LongFormRichText;
diff --git a/apps/codeforafrica/src/components/MeetOurTeam/MeetOurTeam.js b/apps/codeforafrica/src/components/MeetOurTeam/MeetOurTeam.js
index daf1dbf8e..6dedac8ef 100644
--- a/apps/codeforafrica/src/components/MeetOurTeam/MeetOurTeam.js
+++ b/apps/codeforafrica/src/components/MeetOurTeam/MeetOurTeam.js
@@ -4,8 +4,15 @@ import { Box, Button, Grid } from "@mui/material";
import PropTypes from "prop-types";
import React from "react";
+import RichText from "@/codeforafrica/components/RichText";
+
const MeetOurTeam = React.forwardRef(function MeetOurTeam(props, ref) {
- const { title, description, href, logo } = props;
+ const {
+ title,
+ description,
+ action: { href, label },
+ image,
+ } = props;
if (!title || !description) {
return null;
@@ -26,16 +33,18 @@ const MeetOurTeam = React.forwardRef(function MeetOurTeam(props, ref) {
>
{title}
-
- {description}
-
+
@@ -48,8 +57,7 @@ const MeetOurTeam = React.forwardRef(function MeetOurTeam(props, ref) {
>
renders unchanged 1`] = `
title
- description
+
+
+ Africa's
+
+ largest network of civic tech and open data labs
+
Position in: Africa Do you want to help expose the puppet-masters behind disinformation networks, and expose transnational organised criminals? Code for Africa (CfA) has an immediate vacancy for a full-time Deputy Investigative Manager to join our pan-African forensic...
@@ -41,9 +48,7 @@ exports[` renders unchanged 1`] = `
class="MuiButtonBase-root MuiButton-root MuiButton-contained-reverse MuiButton-contained-reversePrimary MuiButton-sizeMedium MuiButton-contained-reverseSizeMedium MuiButton-root MuiButton-contained-reverse MuiButton-contained-reversePrimary MuiButton-sizeMedium MuiButton-contained-reverseSizeMedium css-12i2l1x-MuiButtonBase-root-MuiButton-root"
role="button"
tabindex="0"
- >
- Read More
-
+ CfA builds digital democracy solutions that give citizens unfettered access to actionable information that empowers them to make informed decisions, which strengthens civic engagement for improved public governance and accountability. This includes building infrastructures like the continent’s largest open data portals at
+
+ openAFRICA
+
+ and
+
+ sourceAFRICA
+
+ . CfA incubates initiatives as diverse as the
+
+ africanDRONE
+
+ network, the
+
+ PesaCheck
+
+ fact-checking initiative and the
+
+ sensors.AFRICA
+
+ air quality sensor network.
+
+ CfA is non-partisan and does not support or oppose any political party or candidate. We do not undertake any advocacy work either for ourselves or on behalf of others.
+
+
+ CfA is registered as a non-profit organisation in South Africa, registration number 168–092, and in Kenya with registration number CPR/2016/220101.
+
+
+
+ Partnering for excellence
+
+
+
+ Collaborations and partnerships are at the heart of our work. To build digital democracies, we partner with organisations aligned with CfA values, acting as a catalyst for new initiatives and strengthening the local ecosystem by investing in and working through these partnerships.
+
+
+
+ Guiding Principles
+
+
+
+ CfA shares a covenant with the rest of the
+
+ Code for All
+
+ federation, based on the following guiding principles:
+
+
+
+ We show what’s possible. CfA seeks to be a catalyst by lowering the political risk of experimentation through creating successful proofs of concept for liberating civic data, for building enabling technologies and for pioneering sustainable revenue models. The organisation also endeavours to lower the financial costs for technology experimentation by creating and managing ‘shared’ backbone civic technology, and availing resources for rapid innovation.
+
+
+ We empower citizens. Empowering citizens is central to CfA’s theory of change. Strong democracies rely on engaged citizens who have actionable information and easy-to-use channels for making their will known. CfA works primarily with citizen organisations and civic watchdogs, including the media and also supports government and social enterprises in developing their capacity to respond meaningfully to citizens and to collaborate effectively with them.
+
+
+ We are action-oriented. African societies are asymmetric: the balance of power rests with governments and corporate institutions, at the expense of citizens who are treated as passive recipients of consultation or services. CfA seeks to change this by focusing on actionable data and action-oriented tools that give agency to citizens.
+
+
+ We operate in public. CfA promotes openness in our operations and in the work of our partners. All digital tools utilised are open source, and the organisation’s information is open data. CfA actively encourages documentation, sharing and collaboration, in addition to reuse of our own tools, programmes and processes, as well as those of our partners.
+
+
+ We help build ecosystems. CfA actively marshals resources to support the growth of a pan-African ecosystem of civic technologists. Whenever possible, this means reusing existing tools, standards and platforms, encouraging integration and extension. CfA operates as a pan-African federation of organisations who are active members of a global community, leveraging each other’s knowledge and resources.
+
+
+
-
`;
diff --git a/apps/codeforafrica/src/components/OurMission/OurMission.test.js b/apps/codeforafrica/src/components/OurMission/OurMission.test.js
index 50472b70e..37942ad65 100644
--- a/apps/codeforafrica/src/components/OurMission/OurMission.test.js
+++ b/apps/codeforafrica/src/components/OurMission/OurMission.test.js
@@ -8,9 +8,340 @@ import theme from "@/codeforafrica/theme";
// eslint-disable-next-line testing-library/render-result-naming-convention
const render = createRender({ theme });
+const defaultProps = {
+ title: "Our mission",
+ subtitle: "Our mission subtitle",
+ description: [
+ {
+ children: [
+ {
+ text: "CfA builds digital democracy solutions that give citizens unfettered access to actionable information that empowers them to make informed decisions, which strengthens civic engagement for improved public governance and accountability. This includes building infrastructures like the continent’s largest open data portals at ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://openafrica.net/",
+ children: [
+ {
+ text: "openAFRICA",
+ children: null,
+ },
+ ],
+ href: "https://openafrica.net/",
+ },
+ {
+ text: " and ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://sourceafrica.net/",
+ children: [
+ {
+ text: "sourceAFRICA",
+ children: null,
+ },
+ ],
+ href: "https://sourceafrica.net/",
+ },
+ {
+ text: ". CfA incubates initiatives as diverse as the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://africandrone.org/",
+ children: [
+ {
+ text: "africanDRONE",
+ children: null,
+ },
+ ],
+ href: "https://africandrone.org/",
+ },
+ {
+ text: " network, the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://pesacheck.org/",
+ children: [
+ {
+ text: "PesaCheck",
+ children: null,
+ },
+ ],
+ href: "https://pesacheck.org/",
+ },
+ {
+ text: " fact-checking initiative and the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://sensors.africa/",
+ children: [
+ {
+ text: "sensors.AFRICA",
+ children: null,
+ },
+ ],
+ href: "https://sensors.africa/",
+ },
+ {
+ text: " air quality sensor network.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "CfA manages the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://investigate.africa/",
+ children: [
+ {
+ text: "African Network of Centres for Investigative Reporting",
+ children: null,
+ },
+ ],
+ href: "https://investigate.africa/",
+ },
+ {
+ text: " (ANCIR), which gives the continent’s top muckraking newsrooms the best possible ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://data.investigate.africa/",
+ children: [
+ {
+ text: "forensic data tools",
+ children: null,
+ },
+ ],
+ href: "https://data.investigate.africa/",
+ },
+ {
+ text: ", ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://getoutline.org/",
+ children: [
+ {
+ text: "digital security",
+ children: null,
+ },
+ ],
+ href: "https://getoutline.org/",
+ },
+ {
+ text: " and ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://afrileaks.org/",
+ children: [
+ {
+ text: "whistleblower encryption",
+ children: null,
+ },
+ ],
+ href: "https://afrileaks.org/",
+ },
+ {
+ text: " to help improve their ability to tackle crooked politicians, organised crime and predatory big business. CfA runs ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://academy.africa/",
+ children: [
+ {
+ text: "academy.AFRICA",
+ children: null,
+ },
+ ],
+ href: "https://academy.africa/",
+ },
+ {
+ text: ", one of the continent’s largest ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://courses.academy.africa/",
+ children: [
+ {
+ text: "skills development",
+ children: null,
+ },
+ ],
+ href: "https://courses.academy.africa/",
+ },
+ {
+ text: " initiatives for digital journalists, and seed funds cross-border collaboration. CfA’s research and analysis programme ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://civicsignal.africa/#/home",
+ children: [
+ {
+ text: "CivicSignal",
+ children: null,
+ },
+ ],
+ href: "https://civicsignal.africa/#/home",
+ },
+ {
+ text: " offers actionable insights to help navigate Africa’s media ecosystem and emerging civic technology sector using machine learning tools and ‘big data’ resources.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "CfA is non-partisan and does not support or oppose any political party or candidate. We do not undertake any advocacy work either for ourselves or on behalf of others.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "CfA is registered as a non-profit organisation in South Africa, registration number 168–092, and in Kenya with registration number CPR/2016/220101.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "Partnering for excellence",
+ bold: true,
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "Collaborations and partnerships are at the heart of our work. To build digital democracies, we partner with organisations aligned with CfA values, acting as a catalyst for new initiatives and strengthening the local ecosystem by investing in and working through these partnerships.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "Guiding Principles",
+ bold: true,
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "CfA shares a covenant with the rest of the ",
+ children: null,
+ },
+ {
+ type: "link",
+ newTab: false,
+ url: "https://codeforall.org/",
+ children: [
+ {
+ text: "Code for All",
+ children: null,
+ },
+ ],
+ href: "https://codeforall.org/",
+ },
+ {
+ text: " federation, based on the following guiding principles:",
+ children: null,
+ },
+ ],
+ },
+ {
+ type: "ol",
+ children: [
+ {
+ type: "li",
+ children: [
+ {
+ text: "We show what’s possible. CfA seeks to be a catalyst by lowering the political risk of experimentation through creating successful proofs of concept for liberating civic data, for building enabling technologies and for pioneering sustainable revenue models. The organisation also endeavours to lower the financial costs for technology experimentation by creating and managing ‘shared’ backbone civic technology, and availing resources for rapid innovation.",
+ children: null,
+ },
+ ],
+ },
+ {
+ type: "li",
+ children: [
+ {
+ text: "We empower citizens. Empowering citizens is central to CfA’s theory of change. Strong democracies rely on engaged citizens who have actionable information and easy-to-use channels for making their will known. CfA works primarily with citizen organisations and civic watchdogs, including the media and also supports government and social enterprises in developing their capacity to respond meaningfully to citizens and to collaborate effectively with them.",
+ children: null,
+ },
+ ],
+ },
+ {
+ type: "li",
+ children: [
+ {
+ text: "We are action-oriented. African societies are asymmetric: the balance of power rests with governments and corporate institutions, at the expense of citizens who are treated as passive recipients of consultation or services. CfA seeks to change this by focusing on actionable data and action-oriented tools that give agency to citizens.",
+ children: null,
+ },
+ ],
+ },
+ {
+ type: "li",
+ children: [
+ {
+ text: "We operate in public. CfA promotes openness in our operations and in the work of our partners. All digital tools utilised are open source, and the organisation’s information is open data. CfA actively encourages documentation, sharing and collaboration, in addition to reuse of our own tools, programmes and processes, as well as those of our partners.",
+ children: null,
+ },
+ ],
+ },
+ {
+ type: "li",
+ children: [
+ {
+ text: "We help build ecosystems. CfA actively marshals resources to support the growth of a pan-African ecosystem of civic technologists. Whenever possible, this means reusing existing tools, standards and platforms, encouraging integration and extension. CfA operates as a pan-African federation of organisations who are active members of a global community, leveraging each other’s knowledge and resources.",
+ children: null,
+ },
+ ],
+ },
+ ],
+ },
+ ],
+};
+
describe("", () => {
it("renders unchanged", () => {
- const { container } = render();
+ const { container } = render();
expect(container).toMatchSnapshot();
});
});
diff --git a/apps/codeforafrica/src/components/OurPartners/OurPartners.js b/apps/codeforafrica/src/components/OurPartners/OurPartners.js
index e52d99096..682f9ec9e 100644
--- a/apps/codeforafrica/src/components/OurPartners/OurPartners.js
+++ b/apps/codeforafrica/src/components/OurPartners/OurPartners.js
@@ -4,7 +4,7 @@ import { Button, Grid } from "@mui/material";
import React from "react";
const OurPartners = React.forwardRef(function OurPartners(props, ref) {
- const { partners: { title, action, list: partners } = {}, sx } = props;
+ const { sx, partners, title, action } = props;
if (!partners?.length) {
return null;
@@ -22,17 +22,18 @@ const OurPartners = React.forwardRef(function OurPartners(props, ref) {
{title}
- {partners.map(({ logo, name, href }) => {
+ {partners.map(({ logo, id, link: { href } }) => {
+ const { alt } = logo;
const Wrapper = href?.length ? Link : React.Fragment;
const wrapperProps = href?.length ? { href } : undefined;
return (
-
+ {
if (data) {
const { results, pagination } = data;
- setCount(pagination.count);
+ setCount(pagination?.count);
setMembers([...results]);
}
}, [data]);
useEffect(() => {
+ const [pathname] = router.asPath.split("?");
const url = pathname ? `${pathname}${queryParams}` : queryParams;
router.push(url, undefined, {
shallow: true,
diff --git a/apps/codeforafrica/src/components/OurTeam/OurTeam.test.js b/apps/codeforafrica/src/components/OurTeam/OurTeam.test.js
index e736f33c6..3db3862a9 100644
--- a/apps/codeforafrica/src/components/OurTeam/OurTeam.test.js
+++ b/apps/codeforafrica/src/components/OurTeam/OurTeam.test.js
@@ -9,7 +9,8 @@ import theme from "@/codeforafrica/theme";
const render = createRender({ theme });
const defaultProps = {
- team: { pagination: {}, results: [] },
+ pagination: {},
+ results: [],
title: "Our team",
};
diff --git a/apps/codeforafrica/src/components/OurTeam/useMembers.js b/apps/codeforafrica/src/components/OurTeam/useMembers.js
index 1b0e32240..9daa6dd7f 100644
--- a/apps/codeforafrica/src/components/OurTeam/useMembers.js
+++ b/apps/codeforafrica/src/components/OurTeam/useMembers.js
@@ -6,7 +6,7 @@ const fetcher = (url) => fetch(url).then((res) => res.json());
function useMembers(query) {
const queryParams = useFilterQuery(query);
- const { data, error } = useSWR(`/api/members${queryParams}`, fetcher);
+ const { data, error } = useSWR(`/api/v1/members${queryParams}`, fetcher);
return {
data,
diff --git a/apps/codeforafrica/src/components/Page/Page.js b/apps/codeforafrica/src/components/Page/Page.js
index 030b26d97..3290f2764 100644
--- a/apps/codeforafrica/src/components/Page/Page.js
+++ b/apps/codeforafrica/src/components/Page/Page.js
@@ -18,7 +18,7 @@ function Page({ children, footer, navbar, seo }) {
Page.propTypes = {
children: PropTypes.node,
- sections: PropTypes.shape({}),
+ blocks: PropTypes.arrayOf(PropTypes.shape({})),
footer: PropTypes.shape({}),
navbar: PropTypes.shape({
menu: PropTypes.arrayOf(
@@ -34,7 +34,7 @@ Page.propTypes = {
Page.defaultProps = {
children: undefined,
navbar: undefined,
- sections: undefined,
+ blocks: undefined,
footer: undefined,
title: undefined,
};
diff --git a/apps/codeforafrica/src/components/Page/Page.test.js b/apps/codeforafrica/src/components/Page/Page.test.js
index 15268a8db..ce2724e23 100644
--- a/apps/codeforafrica/src/components/Page/Page.test.js
+++ b/apps/codeforafrica/src/components/Page/Page.test.js
@@ -10,7 +10,7 @@ const render = createRender({ theme });
const defaultProps = {
theme,
- sections: {},
+ blocks: [],
};
describe("", () => {
diff --git a/apps/codeforafrica/src/components/Project/Project.js b/apps/codeforafrica/src/components/Project/Project.js
new file mode 100644
index 000000000..ed3979291
--- /dev/null
+++ b/apps/codeforafrica/src/components/Project/Project.js
@@ -0,0 +1,97 @@
+import { Section } from "@commons-ui/core";
+import { Box } from "@mui/material";
+import React from "react";
+
+import AccoladeBadgeList from "@/codeforafrica/components/AccoladeBadgeList";
+import ProjectDetails from "@/codeforafrica/components/ProjectDetails";
+import ProjectPageHeader from "@/codeforafrica/components/ProjectPageHeader";
+import RelatedProjects from "@/codeforafrica/components/RelatedProjects";
+import RelatedStories from "@/codeforafrica/components/RelatedStories";
+import SectionDivider from "@/codeforafrica/components/SectionDivider";
+import TeamMembers from "@/codeforafrica/components/TeamMembers";
+
+function Project(props) {
+ const {
+ badges,
+ description,
+ donors,
+ links,
+ partners,
+ relatedProjects: { title, projects } = {},
+ team,
+ stories,
+ descriptionTitle,
+ } = props;
+
+ return (
+ <>
+
+
+
+
+
+ {stories ? (
+ <>
+
+ {" "}
+
+ ) : null}
+ {team ? (
+ <>
+
+
+
+
+ ) : null}
+
+
+
+
+ );
+}
+
+export default Project;
diff --git a/apps/codeforafrica/src/components/Project/Project.snap.js b/apps/codeforafrica/src/components/Project/Project.snap.js
new file mode 100644
index 000000000..9c8bf60ac
--- /dev/null
+++ b/apps/codeforafrica/src/components/Project/Project.snap.js
@@ -0,0 +1,255 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[` renders unchanged 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ knowledgeAFRICA
+
+
+
+ knowledgeAFRICA
+
+
+ Knowledge tag line
+
+
+
+
+
+ Empowering citizens through <span class="highlight">drone technology</span>
+
+
+ AfricanDRONE brings together communities of drone operators, enthusiasts, journalists, activists, and entrepreneurs in Africa who use drones for good.
+
diff --git a/apps/codeforafrica/src/components/ProjectDetails/ProjectDetails.test.js b/apps/codeforafrica/src/components/ProjectDetails/ProjectDetails.test.js
index abdc916f8..9965b3be5 100644
--- a/apps/codeforafrica/src/components/ProjectDetails/ProjectDetails.test.js
+++ b/apps/codeforafrica/src/components/ProjectDetails/ProjectDetails.test.js
@@ -9,8 +9,11 @@ import theme from "@/codeforafrica/theme";
const render = createRender({ theme });
const defaultProps = {
- description:
- "This award-winning initiative works to give citizens a new perspective on their lives. Using drone technology, africanDRONE empowers local pilots through a self-help network that offers seed funding, skills development, resource sharing, advocacy, and networking opportunities for members. The goal is to support the evolution of a vibrant and diverse drone ecosystem across Africa.",
+ description: [
+ {
+ text: "This award-winning initiative works to give citizens a new perspective on their lives. Using drone technology, africanDRONE empowers local pilots through a self-help network that offers seed funding, skills development, resource sharing, advocacy, and networking opportunities for members. The goal is to support the evolution of a vibrant and diverse drone ecosystem across Africa.",
+ },
+ ],
links: [
{
slug: "data",
diff --git a/apps/codeforafrica/src/components/ProjectDetails/ProjectStakeholders.snap.js b/apps/codeforafrica/src/components/ProjectDetails/ProjectStakeholders.snap.js
index 825b573c8..666f6debc 100644
--- a/apps/codeforafrica/src/components/ProjectDetails/ProjectStakeholders.snap.js
+++ b/apps/codeforafrica/src/components/ProjectDetails/ProjectStakeholders.snap.js
@@ -3,7 +3,7 @@
exports[` renders unchanged 1`] = `
+ The Charter Project is a pan-African initiative by a coalition of watchdog organisations that use civic technologies to strengthen democracy.
+
+
+ We do this by helping digital activists and democracy changemakers leverage the African Union’s Charter on Democracy, Elections and Governance (ACDEG).
+
+
+ The project currently supports initiatives in 11 countries. Find out more
+
+ here
+
+
+
+
+`;
diff --git a/apps/codeforafrica/src/components/RichText/RichText.test.js b/apps/codeforafrica/src/components/RichText/RichText.test.js
new file mode 100644
index 000000000..2c6290739
--- /dev/null
+++ b/apps/codeforafrica/src/components/RichText/RichText.test.js
@@ -0,0 +1,64 @@
+import { createRender } from "@commons-ui/testing-library";
+import React from "react";
+
+import RichText from "./RichText";
+
+import theme from "@/codeforafrica/theme";
+
+// eslint-disable-next-line testing-library/render-result-naming-convention
+const render = createRender({ theme });
+
+const defaultProps = {
+ elements: [
+ {
+ children: [
+ {
+ text: "The Charter Project is a pan-African initiative by a coalition of watchdog organisations that use civic technologies to strengthen democracy.",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "We do this by helping digital activists and democracy changemakers leverage the African Union’s Charter on Democracy, Elections and Governance (ACDEG).",
+ children: null,
+ },
+ ],
+ },
+ {
+ children: [
+ {
+ text: "The project currently supports initiatives in 11 countries. Find out more ",
+ children: null,
+ },
+ {
+ type: "link",
+ linkType: "internal",
+ doc: {
+ value: "63887cf05bc566facccee049",
+ relationTo: "pages",
+ },
+ children: [
+ {
+ text: "here",
+ children: null,
+ },
+ ],
+ href: "/",
+ },
+ {
+ text: "",
+ children: null,
+ },
+ ],
+ },
+ ],
+};
+
+describe("", () => {
+ it("renders unchanged", () => {
+ const { container } = render();
+ expect(container).toMatchSnapshot();
+ });
+});
diff --git a/apps/codeforafrica/src/components/RichText/index.js b/apps/codeforafrica/src/components/RichText/index.js
new file mode 100644
index 000000000..49b1d7e02
--- /dev/null
+++ b/apps/codeforafrica/src/components/RichText/index.js
@@ -0,0 +1,3 @@
+import RichText from "./RichText";
+
+export default RichText;
diff --git a/apps/codeforafrica/src/components/ShareThisPage/ShareThisPage.snap.js b/apps/codeforafrica/src/components/ShareThisPage/ShareThisPage.snap.js
index 65fa86dfe..ab400f723 100644
--- a/apps/codeforafrica/src/components/ShareThisPage/ShareThisPage.snap.js
+++ b/apps/codeforafrica/src/components/ShareThisPage/ShareThisPage.snap.js
@@ -3,10 +3,10 @@
exports[` renders unchanged 1`] = `
- Empowering citizens through
-
- drone technology
-
-
-
- AfricanDRONE brings together communities of drone operators, enthusiasts, journalists, activists, and entrepreneurs in Africa who use drones for good.
-
- 
- 
- 
+ 
@@ -26,7 +26,7 @@ exports[`
renders unchanged 1`] = `
+ >
+ 
+ 
+