Fix stories

Signed-off-by: Kipruto <[email protected]>

apps/climatemappedafrica/src/components/HURUmap/Chart/index.js

@@ -104,7 +104,7 @@ function Chart({
 
           setView(newView.view);
         } catch (error) {
-          console.error(error);
+          console.error("Error rendering chart", error);
         }
       }
     }

apps/uibook/stories/hurumap/core/Download.stories.js

@@ -25,8 +25,8 @@ Default.args = {
   handleChartValueChange: () => {},
   height: 100,
   isAction: true,
-  imageTypes: ["PNG", "JPEG", "SVG"],
-  layouts: ["Default"],
+  imageTypes: ["PNG", "SVG"],
+  layouts: ["Layout 1", "Layout 2"],
   projectlogo: null,
   profileNames: [],
   scaleFactor: 2,
@@ -35,4 +35,7 @@ Default.args = {
   title: "Download",
   values: [],
   view: null,
+  sx: {
+    width: 200,
+  },
 };

apps/uibook/stories/hurumap/core/IndicatorTitle.stories.js

@@ -0,0 +1,47 @@
+import { IndicatorTitle } from "@hurumap/core";
+import DownloadIcon from "@mui/icons-material/Download";
+import InfoIcon from "@mui/icons-material/Info";
+import ShareIcon from "@mui/icons-material/Share";
+import React from "react";
+
+export default {
+  title: "@hurumap/core/IndicatorTitle",
+  component: IndicatorTitle,
+};
+
+function Template(args) {
+  return <IndicatorTitle {...args} />;
+}
+
+export const Default = Template.bind({});
+
+Default.args = {
+  children: <span>Area of agricultural land in hectares</span>,
+  description: "Area of agricultural land by main purpose is in Hectares.",
+  disableToggle: false,
+  title: "Area of agricultural land in hectares",
+  view: {},
+  actions: [
+    {
+      id: "act-description",
+      title: "Description",
+      header: "Learn More",
+      children: <span>Learn More</span>,
+      icon: <InfoIcon />,
+    },
+    {
+      id: "act-download",
+      title: "Download",
+      header: "Download",
+      children: <span>Download</span>,
+      icon: <DownloadIcon />,
+    },
+    {
+      id: "act-share",
+      title: "Share",
+      header: "Share",
+      children: <span>Share</span>,
+      icon: <ShareIcon />,
+    },
+  ],
+};