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: , + }, + ], +};