HuruMap: Add Profile indicator description.

Signed-off-by: Kipruto <[email protected]>
CodeForAfrica · Aug 15, 2024 · 33db012 · 33db012
1 parent 01430cd
commit 33db012
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/apps/climatemappedafrica/src/components/HURUmap/Chart/index.js b/apps/climatemappedafrica/src/components/HURUmap/Chart/index.js
@@ -354,6 +354,17 @@ function Chart({
         />
       )}
       <div ref={chartRef} className={classes.chart} />
+      <RichTypography
+        sx={(theme) => ({
+          fontSize: theme.typography.pxToRem(13),
+          lineHeight: 20 / 13,
+          color: "#666666",
+          display: "inline-flex",
+          fontWeight: 500,
+        })}
+      >
+        {description}
+      </RichTypography>
       <Source
         href={url}
         sx={({ typography }) => ({