diff --git a/apps/climatemappedafrica/src/components/HURUmap/Chart/index.js b/apps/climatemappedafrica/src/components/HURUmap/Chart/index.js
index f8deed06b..470218447 100644
--- a/apps/climatemappedafrica/src/components/HURUmap/Chart/index.js
+++ b/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);
}
}
}
diff --git a/apps/uibook/stories/hurumap/core/Download.stories.js b/apps/uibook/stories/hurumap/core/Download.stories.js
index 40c8054fd..356cb61b2 100644
--- a/apps/uibook/stories/hurumap/core/Download.stories.js
+++ b/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,
+ },
};
diff --git a/apps/uibook/stories/hurumap/core/IndicatorTitle.stories.js b/apps/uibook/stories/hurumap/core/IndicatorTitle.stories.js
new file mode 100644
index 000000000..7a40aac8c
--- /dev/null
+++ b/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 ;
+}
+
+export const Default = Template.bind({});
+
+Default.args = {
+ children: Area of agricultural land in hectares,
+ 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: Learn More,
+ icon: ,
+ },
+ {
+ id: "act-download",
+ title: "Download",
+ header: "Download",
+ children: Download,
+ icon: ,
+ },
+ {
+ id: "act-share",
+ title: "Share",
+ header: "Share",
+ children: Share,
+ icon: ,
+ },
+ ],
+};