Merge pull request #1000 from CodeForAfrica/ft/climatemapped-arm-build

ClimateMappedAfrica Fix Zoom Bug
CodeForAfrica · Nov 14, 2024 · f4e0b0c · f4e0b0c
2 parents 8d5860e + 4fa0c2d
commit f4e0b0c
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/apps/climatemappedafrica/src/components/HURUmap/Tutorial/TutorialStep/index.js b/apps/climatemappedafrica/src/components/HURUmap/Tutorial/TutorialStep/index.js
@@ -1,13 +1,13 @@
 import { RichText } from "@commons-ui/payload";
 import { Grid, Typography, IconButton, Avatar } from "@mui/material";
 import { useTour } from "@reactour/tour";
-import Image from "next/legacy/image";
 import PropTypes from "prop-types";
 import React from "react";
 
 import useStyles from "./useStyles";
 
 import CloseIcon from "@/climatemappedafrica/assets/icons/close.svg";
+import Image from "@/climatemappedafrica/components/Image";
 
 function TutorialStep({ description, title, image, selector, ...props }) {
   const classes = useStyles(props);

diff --git a/apps/climatemappedafrica/src/payload/globals/HURUMap/Profile.js b/apps/climatemappedafrica/src/payload/globals/HURUMap/Profile.js
@@ -80,6 +80,42 @@ const Profile = {
             },
           ],
         },
+        {
+          name: "zoom",
+          type: "group",
+          fields: [
+            {
+              type: "row",
+              fields: [
+                {
+                  name: "desktop",
+                  label: "Zoom Level for Desktop",
+                  type: "number",
+                  defaultValue: 3.05,
+                  required: true,
+                  admin: {
+                    description:
+                      "Indicates how the map should appear on desktop devices",
+                  },
+                },
+                {
+                  name: "mobile",
+                  label: "Zoom Level for Mobile",
+                  type: "number",
+                  required: true,
+                  defaultValue: 2.7,
+                  admin: {
+                    description:
+                      "Indicates how the map should appear on small devices",
+                  },
+                },
+              ],
+            },
+          ],
+          admin: {
+            hideGutter: true,
+          },
+        },
         {
           name: "hasData",
           type: "checkbox",