Update sensors Africa website

[usmanbiu]

Description

The following updates are required for the page on AIR on the sensors.Africa website

1. Update the showcase section of the sensors website to include recent events such as the air quality hackathon and the DW story on sensors Africa.

2. Add Ghana as an option on the dropdown menu to search for cities where sensors are located. See screenshot [below]
   

3. Move the tabs on "DATA" , "STORIES" and "MONTHLY AIR REPORTS" from the drop-down on the top right corner of the page to the main body of the page for easier access (they're not easily noticeable in their current location)

4. Update the " MONTHLY AIR REPORTS' section to include reports for 2023 and 2024. The monthly air reports section currently only links to the reports for 2022, could we have that tab on the main page as requested above, and possibly with dropdowns to select specific report to view (i.e report for 2022, or 2023, or 2024)

Screenshots

Files

1. Files for the showcase section - src/components/Showcase
2. File for adding cities to the drop-down - src/pages/air/city/[id].js
3. File to the current location for DATA and MONTHLY AIR REPORTS - src/components/Hambuger/HambugerMenu.js

To Reproduce

If this issue is describing a bug, include some steps to reproduce the behavior.

Tasks

Include specific tasks in the order they need to be done in. Include links to specific lines of code where the task should happen at.

• Update the showcase section
• Add Ghana to the list of cities
• Move the tabs on "DATA", "STORIES" and "MONTHLY REPORTS" to the main page
• Add the option to select the specific monthly report to view with links to the reports

[kilemensi]

Who is this assigning me tasks that I have zero context of?

If I'm not mistaken @usmanbiu :

1. Showcase articles are loaded from a gSheet. You can edit them there.
2. Which cities from Ghana need to be added?
3. That's a design change that should be discussed separately e.g. how will it work across different screen sizes, etc.
4. Was the current 2022 report designed by us i.e. the Tech team?

[usmanbiu]

Appologies @kilemensi .
It's something we are still working on and I was not supposed to do that yet (assign you, @kelvinkipruto pls ignore for now).
Also thanks for the additional info.

1. Noted
2. Kumasi and Accra
3. Noted
4. It was designed by the engage team using google data studio.

[gideonmaina]

@usmanbiu This branch aims to update Ghana cities. A separate issue on the same will be appropriate. Mortality statistics for Ghana, both general and child mortality statistics, are required for a PR to be made. This needs a little research or a consensus on whether this information is useful or not based on the availability of the data for each country where sensors are deployed.

As so for Kenya :

Otherwise, such an error will occur.

I can only go as far as updating the cities.

[usmanbiu]

The showcase section has been updated

[kilemensi]

If at all possible @usmanbiu, make the summaries shorter (or at least have similar-ish length).

[usmanbiu]

This issue is being closed as it has been split into issues #334 , #335 , #336, #337, and 3338 for a better workflow.