Merge pull request #860 from CodeForAfrica/ft/HURUMap-logo

HURUMap Logo
CodeForAfrica · Aug 27, 2024 · c6305e6 · c6305e6
2 parents c25db05 + 5e742a9
commit c6305e6
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 27 deletions.
diff --git a/apps/climatemappedafrica/src/assets/logos/climateMapped.png b/apps/climatemappedafrica/src/assets/logos/climateMapped.png
diff --git a/apps/climatemappedafrica/src/components/Navigation/ExploreNavigation/index.js b/apps/climatemappedafrica/src/components/Navigation/ExploreNavigation/index.js
@@ -15,7 +15,9 @@ import Section from "@/climatemappedafrica/components/Section";
 const useStyles = makeStyles(({ palette, typography }) => ({
   root: {},
   section: {},
-  logoButton: {},
+  logoButton: {
+    padding: 0,
+  },
   help: {
     color: "#666666",
     textAlign: "center",

diff --git a/apps/climatemappedafrica/src/components/Navigation/MobileNavigation/index.js b/apps/climatemappedafrica/src/components/Navigation/MobileNavigation/index.js
@@ -15,7 +15,7 @@ import React, { useState } from "react";
 
 import SearchIcon from "@/climatemappedafrica/assets/icons/search-open.svg";
 import MenuCloseIcon from "@/climatemappedafrica/assets/menu_close.svg";
-import MenuOpenIcon from "@/climatemappedafrica/assets/menu_open.svg";
+// import MenuOpenIcon from "@/climatemappedafrica/assets/menu_open.svg";
 import DropdownSearch from "@/climatemappedafrica/components/DropdownSearch";
 import Link from "@/climatemappedafrica/components/Link";
 import Menu from "@/climatemappedafrica/components/Menu";
@@ -25,7 +25,6 @@ const useStyles = makeStyles(({ breakpoints, typography, palette }) => ({
   root: {},
   logoButton: {
     padding: 0,
-    width: typography.pxToRem(254),
   },
   section: {},
   dialog: {
@@ -171,10 +170,10 @@ function MobileNavigation({
   const [open, setOpen] = useState(false);
   const router = useRouter();
 
-  const handleClickOpen = (e) => {
-    e?.preventDefault();
-    setOpen(true);
-  };
+  // const handleClickOpen = (e) => {
+  //   e?.preventDefault();
+  //   setOpen(true);
+  // };
   const handleClose = (e) => {
     e?.preventDefault();
     setOpen(false);
@@ -189,7 +188,7 @@ function MobileNavigation({
     <div className={classes.root}>
       <Section className={classes.section}>
         <Grid container alignItems="center" justifyContent="space-between">
-          <Grid item xs={10}>
+          <Grid item container justifyContent="center">
             <LogoButton
               href="/"
               component={Link}
@@ -198,7 +197,7 @@ function MobileNavigation({
               <Image {...mobileLogoProps} />
             </LogoButton>
           </Grid>
-          <Grid item>
+          {/* <Grid item>
             <IconButton
               aria-label="Open drawer"
               edge="start"
@@ -213,7 +212,7 @@ function MobileNavigation({
                 className={classes.open}
               />
             </IconButton>
-          </Grid>
+          </Grid> */}
           <Dialog
             fullScreen
             open={open}

diff --git a/apps/climatemappedafrica/src/config/index.js b/apps/climatemappedafrica/src/config/index.js
@@ -32,9 +32,7 @@ import MercyKaragi from "@/climatemappedafrica/assets/images/Mercy-Karagi.png";
 import Piero from "@/climatemappedafrica/assets/images/Piero.png";
 import screenshot1 from "@/climatemappedafrica/assets/images/Screenshot 2021-06-14 at [email protected]";
 import Tricia from "@/climatemappedafrica/assets/images/Tricia-Govindasamy.png";
-import desktopLogo from "@/climatemappedafrica/assets/logos/Component61.svg";
-import drawerLogo from "@/climatemappedafrica/assets/logos/Group [email protected]";
-import mobileLogo from "@/climatemappedafrica/assets/logos/Group [email protected]";
+import logo from "@/climatemappedafrica/assets/logos/climateMapped.png";
 import Metric1 from "@/climatemappedafrica/assets/[email protected]";
 import Metric2 from "@/climatemappedafrica/assets/[email protected]";
 
@@ -173,27 +171,19 @@ export const navigationArgs = {
     ],
   },
   desktopLogoProps: {
-    width: 237,
-    height: 55,
+    width: 200,
+    height: 80,
     alt: "desktop logo",
     href: "https://codeforafrica.org",
-    src: desktopLogo,
+    src: logo,
   },
 
   mobileLogoProps: {
-    width: 254,
-    height: 40,
+    width: 180,
+    height: 70,
     alt: "mobile logo",
     href: "https://codeforafrica.org",
-    src: mobileLogo,
-  },
-
-  drawerLogoProps: {
-    width: 254,
-    height: 40,
-    alt: "drawer logo",
-    href: "https://codeforafrica.org",
-    src: drawerLogo,
+    src: logo,
   },
 };