Organise and upgrade stories to match v8 requirements

CodeForAfrica · Jun 5, 2024 · 0ef334c · 0ef334c
1 parent b7ecde2
commit 0ef334c
Show file tree

Hide file tree

Showing 64 changed files with 83 additions and 134 deletions.
diff --git a/apps/pesayetu/src/components/AboutHero/index.stories.js b/apps/pesayetu/src/components/AboutHero/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import AboutHero from ".";
 
 export default {
-  title: "Sections/AboutHero",
+  title: "PesaYetu/Sections/AboutHero",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/AboutProject/index.stories.js b/apps/pesayetu/src/components/AboutProject/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import AboutProject from ".";
 
 export default {
-  title: "Sections/AboutProject",
+  title: "PesaYetu/Sections/AboutProject",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/AboutTeam/index.stories.js b/apps/pesayetu/src/components/AboutTeam/index.stories.js
@@ -5,7 +5,7 @@ import AboutTeam from ".";
 import { aboutTeam } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/AboutTeam",
+  title: "PesaYetu/Sections/AboutTeam",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/Button/index.stories.js b/apps/pesayetu/src/components/Button/index.stories.js
@@ -3,7 +3,7 @@ import { Button } from "@mui/material";
 import React from "react";
 
 export default {
-  title: "Components/Button",
+  title: "PesaYetu/Components/Button",
   argTypes: {
     color: {
       control: {

diff --git a/apps/pesayetu/src/components/Card/index.stories.js b/apps/pesayetu/src/components/Card/index.stories.js
@@ -8,7 +8,7 @@ const [insightItem] = insightData.items;
 const [teamItem] = aboutTeam.items;
 
 export default {
-  title: "Components/Card",
+  title: "PesaYetu/Components/Card",
   argTypes: {
     card: {
       control: {

diff --git a/apps/pesayetu/src/components/Carousel/index.stories.js b/apps/pesayetu/src/components/Carousel/index.stories.js
diff --git a/apps/pesayetu/src/components/DataIndicators/index.stories.js b/apps/pesayetu/src/components/DataIndicators/index.stories.js
@@ -6,7 +6,7 @@ import DataIndicators from ".";
 import { dataIndicator } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/DataIndicators",
+  title: "PesaYetu/Sections/DataIndicators",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/DataSources/index.stories.js b/apps/pesayetu/src/components/DataSources/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import DataSources from ".";
 
 export default {
-  title: "Sections/DataSources",
+  title: "PesaYetu/Sections/DataSources",
 };
 
 function Template(args) {

diff --git a/apps/pesayetu/src/components/DataVisualisationGuide/index.stories.js b/apps/pesayetu/src/components/DataVisualisationGuide/index.stories.js
@@ -6,7 +6,7 @@ import DataVisuals from ".";
 import { dataVisuals } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/DataVisualisationGuide",
+  title: "PesaYetu/Sections/DataVisualisationGuide",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/DatasetsAndDocuments/index.stories.js b/apps/pesayetu/src/components/DatasetsAndDocuments/index.stories.js
@@ -5,7 +5,7 @@ import DatasetsAndDocuments from ".";
 import { documentsAndDatasetsArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/DatasetsAndDocuments",
+  title: "PesaYetu/Sections/DatasetsAndDocuments",
   argTypes: {
     activeType: {
       control: {

diff --git a/apps/pesayetu/src/components/DropdownSearch/index.stories.js b/apps/pesayetu/src/components/DropdownSearch/index.stories.js
@@ -5,7 +5,7 @@ import DropdownSearch from ".";
 import { searchArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Components/DropdownSearch",
+  title: "PesaYetu/Components/DropdownSearch",
   argTypes: {
     title: {
       control: {

diff --git a/apps/pesayetu/src/components/ExploreOtherTools/index.stories.js b/apps/pesayetu/src/components/ExploreOtherTools/index.stories.js
@@ -6,7 +6,7 @@ import ExploreOtherTools from ".";
 import { exploreTools } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/ExploreOtherTools",
+  title: "PesaYetu/Sections/ExploreOtherTools",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/FeaturedStoryCard/index.stories.js b/apps/pesayetu/src/components/FeaturedStoryCard/index.stories.js
@@ -5,7 +5,7 @@ import FeaturedStoryCard from ".";
 import cardImage from "@/pesayetu/assets/images/stephen-dawson-qwtCeJ5cLYs-unsplash.png";
 
 export default {
-  title: "Components/FeaturedStoryCard",
+  title: "PesaYetu/Components/FeaturedStoryCard",
   argTypes: {
     ctaText: {
       control: {

diff --git a/apps/pesayetu/src/components/Footer/index.stories.js b/apps/pesayetu/src/components/Footer/index.stories.js
@@ -6,7 +6,7 @@ import Footer from ".";
 import { footerArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/Footer",
+  title: "PesaYetu/Sections/Footer",
   argTypes: {
     title: {
       control: {
@@ -54,8 +54,10 @@ function Template({ ...args }) {
 export const Default = Template.bind({});
 
 Default.parameters = {
-  nextRouter: {
-    pathname: "/?path=/story/sections-footer--default",
+  nextjs: {
+    router: {
+      pathname: "/?path=/story/sections-footer--default",
+    },
   },
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/CategoryHeader/index.stories.js b/apps/pesayetu/src/components/HURUmap/CategoryHeader/index.stories.js
@@ -4,7 +4,7 @@ import Group4658 from "@/pesayetu/assets/icons/Group 4658-white.svg";
 import CategoryHeader from "@/pesayetu/components/HURUmap/CategoryHeader";
 
 export default {
-  title: "Components/HURUmap/CategoryHeader",
+  title: "HURUmap/Components/CategoryHeader",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/Chart/index.stories.js b/apps/pesayetu/src/components/HURUmap/Chart/index.stories.js
@@ -4,7 +4,7 @@ import React from "react";
 import Chart from "@/pesayetu/components/HURUmap/Chart";
 
 export default {
-  title: "Components/HURUmap/Chart",
+  title: "HURUmap/Components/Chart",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/HURUmap/ChartFilter/index.stories.js b/apps/pesayetu/src/components/HURUmap/ChartFilter/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import ChartFilter from "@/pesayetu/components/HURUmap/ChartFilter";
 
 export default {
-  title: "Components/HURUmap/ChartFilter",
+  title: "HURUmap/Components/ChartFilter",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/ChartTooltip/index.stories.js b/apps/pesayetu/src/components/HURUmap/ChartTooltip/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import ChartTooltip from "@/pesayetu/components/HURUmap/ChartTooltip";
 
 export default {
-  title: "Components/HURUmap/ChartTooltip",
+  title: "HURUmap/Components/ChartTooltip",
   argTypes: {
     title: {
       control: {

diff --git a/apps/pesayetu/src/components/HURUmap/KeyMetric/index.stories.js b/apps/pesayetu/src/components/HURUmap/KeyMetric/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import KeyMetric from "@/pesayetu/components/HURUmap/KeyMetric";
 
 export default {
-  title: "Components/HURUmap/KeyMetric",
+  title: "HURUmap/Components/KeyMetric",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/HURUmap/Location/index.stories.js b/apps/pesayetu/src/components/HURUmap/Location/index.stories.js
@@ -7,7 +7,7 @@ import { hurumapArgs } from "@/pesayetu/config";
 const { location } = hurumapArgs;
 
 export default {
-  title: "Components/HURUmap/Location",
+  title: "HURUmap/Components/Location",
 };
 
 function Template(args) {

diff --git a/apps/pesayetu/src/components/HURUmap/LocationHeader/index.stories.js b/apps/pesayetu/src/components/HURUmap/LocationHeader/index.stories.js
@@ -4,7 +4,7 @@ import Print from "@/pesayetu/assets/icons/print.svg";
 import LocationHeader from "@/pesayetu/components/HURUmap/LocationHeader";
 
 export default {
-  title: "Components/HURUmap/LocationHeader",
+  title: "HURUmap/Components/LocationHeader",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/LocationHighlight/index.stories.js b/apps/pesayetu/src/components/HURUmap/LocationHighlight/index.stories.js
@@ -10,7 +10,7 @@ const {
   },
 } = hurumapArgs;
 export default {
-  title: "Components/HURUmap/LocationHighlight",
+  title: "HURUmap/Components/LocationHighlight",
 };
 
 function Template(args) {

diff --git a/apps/pesayetu/src/components/HURUmap/LocationTag/index.stories.js b/apps/pesayetu/src/components/HURUmap/LocationTag/index.stories.js
@@ -8,7 +8,7 @@ const {
 } = hurumapArgs;
 
 export default {
-  title: "Components/HURUmap/LocationTag",
+  title: "HURUmap/Components/LocationTag",
   argTypes: {
     variant: {
       control: {

diff --git a/apps/pesayetu/src/components/HURUmap/Map/index.stories.js b/apps/pesayetu/src/components/HURUmap/Map/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import Map from "@/pesayetu/components/HURUmap/Map";
 
 export default {
-  title: "Components/HURUmap/Map",
+  title: "HURUmap/Components/Map",
   argTypes: {
     geography: {
       control: {

diff --git a/apps/pesayetu/src/components/HURUmap/Panel/DesktopPanel/PanelButtons.js b/apps/pesayetu/src/components/HURUmap/Panel/DesktopPanel/PanelButtons.js
@@ -25,7 +25,7 @@ function PanelButtons({
   const { isOpen: tutorialOpen } = useTour();
 
   useEffect(() => {
-    if (primaryProfile.items.length || secondaryProfile?.items?.length) {
+    if (primaryProfile?.items?.length || secondaryProfile?.items?.length) {
       const timeoutId = setTimeout(() => setValue("rich-data"), 200);
 
       return () => {
@@ -64,7 +64,7 @@ function PanelButtons({
       }
     }
     setPanelItems(pItems);
-  }, [isCompare, panelItemsProp, primaryProfile.items]);
+  }, [isCompare, panelItemsProp, primaryProfile?.items]);
 
   useEffect(() => {
     if (isPinning || isCompare) {

diff --git a/apps/pesayetu/src/components/HURUmap/Panel/DesktopPanel/RichData.js b/apps/pesayetu/src/components/HURUmap/Panel/DesktopPanel/RichData.js
@@ -20,13 +20,13 @@ function RichData({ primaryProfile, ...props }) {
   return (
     <>
       <TreeView
-        items={primaryProfile.items}
+        items={primaryProfile?.items}
         onLabelClick={handleLabelClick}
         classes={{ root: classes.treeView }}
       />
       <Profile
         {...props}
-        categories={primaryProfile.items}
+        categories={primaryProfile?.items}
         primaryProfile={primaryProfile}
         ref={profileRef}
       />

diff --git a/apps/pesayetu/src/components/HURUmap/Panel/Profile.js b/apps/pesayetu/src/components/HURUmap/Panel/Profile.js
@@ -105,6 +105,9 @@ const Profile = forwardRef(function Profile(
     geoCode = `${geoCode}-vs-${secondaryProfile?.geography?.code}`;
   }
 
+  if (!categories?.length) {
+    return null;
+  }
   return (
     <div className={classes.profile} ref={ref}>
       {isLoading && <Loading />}

diff --git a/apps/pesayetu/src/components/HURUmap/Panel/index.stories.js b/apps/pesayetu/src/components/HURUmap/Panel/index.stories.js
@@ -7,7 +7,7 @@ import { hurumapArgs, panelArgs } from "@/pesayetu/config";
 const { locations } = hurumapArgs;
 
 export default {
-  title: "Components/HURUmap/Panel",
+  title: "HURUmap/Components/Panel",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/PanelButtonGroup/index.stories.js b/apps/pesayetu/src/components/HURUmap/PanelButtonGroup/index.stories.js
@@ -5,7 +5,7 @@ import PanelButtonGroup from ".";
 import { panelArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Components/HURUmap/PanelButtonGroup",
+  title: "HURUmap/Components/PanelButtonGroup",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/PinAndCompare/index.stories.js b/apps/pesayetu/src/components/HURUmap/PinAndCompare/index.stories.js
@@ -7,7 +7,7 @@ import { hurumapArgs } from "@/pesayetu/config";
 const { pinAndCompare } = hurumapArgs;
 
 export default {
-  title: "Components/HURUmap/PinAndCompare",
+  title: "HURUmap/Components/PinAndCompare",
 };
 
 function Template({ ...args }) {

diff --git a/apps/pesayetu/src/components/HURUmap/Source/index.stories.js b/apps/pesayetu/src/components/HURUmap/Source/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import Source from ".";
 
 export default {
-  title: "Components/Source",
+  title: "HURUmap/Components/Source",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/SubcategoryHeader/index.stories.js b/apps/pesayetu/src/components/HURUmap/SubcategoryHeader/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import SubcategoryHeader from "@/pesayetu/components/HURUmap/SubcategoryHeader";
 
 export default {
-  title: "Components/HURUmap/SubcategoryHeader",
+  title: "HURUmap/Components/SubcategoryHeader",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/TreeView/index.stories.js b/apps/pesayetu/src/components/HURUmap/TreeView/index.stories.js
@@ -4,7 +4,7 @@ import TreeView from "@/pesayetu/components/HURUmap/TreeView";
 import { treeViewArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Components/HURUmap/TreeView",
+  title: "HURUmap/Components/TreeView",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/HURUmap/Tutorial/index.stories.js b/apps/pesayetu/src/components/HURUmap/Tutorial/index.stories.js
@@ -7,7 +7,7 @@ import { hurumapArgs } from "@/pesayetu/config";
 const { tutorial } = hurumapArgs;
 
 export default {
-  title: "Components/HURUmap/Tutorial",
+  title: "HURUmap/Components/Tutorial",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/Header/index.stories.js b/apps/pesayetu/src/components/Header/index.stories.js
@@ -4,7 +4,7 @@ import React from "react";
 import Header from ".";
 
 export default {
-  title: "Components/Header",
+  title: "PesaYetu/Components/Header",
 };
 
 function Template({ title, ...args }) {

diff --git a/apps/pesayetu/src/components/Hero/index.stories.js b/apps/pesayetu/src/components/Hero/index.stories.js
@@ -5,7 +5,7 @@ import Hero from ".";
 import { searchArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/Hero",
+  title: "PesaYetu/Sections/Hero",
   argTypes: {
     title: {
       control: {

diff --git a/apps/pesayetu/src/components/HowItWorks/index.stories.js b/apps/pesayetu/src/components/HowItWorks/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import HowItWorks from ".";
 
 export default {
-  title: "Sections/HowItWorks",
+  title: "PesaYetu/Sections/HowItWorks",
   argTypes: {
     title: {
       control: {

diff --git a/apps/pesayetu/src/components/InsightsData/index.stories.js b/apps/pesayetu/src/components/InsightsData/index.stories.js
@@ -5,7 +5,7 @@ import InsightsData from "@/pesayetu/components/InsightsData";
 import { insightData } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/InsightsData",
+  title: "PesaYetu/Sections/InsightsData",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/Link/index.stories.js b/apps/pesayetu/src/components/Link/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import Link from ".";
 
 export default {
-  title: "Components/Link",
+  title: "PesaYetu/Components/Link",
   argTypes: {
     color: {
       control: {

diff --git a/apps/pesayetu/src/components/Loading/index.stories.js b/apps/pesayetu/src/components/Loading/index.stories.js
@@ -3,7 +3,7 @@ import React from "react";
 import Loading from ".";
 
 export default {
-  title: "Components/Loading",
+  title: "PesaYetu/Components/Loading",
   argTypes: {},
 };
 

diff --git a/apps/pesayetu/src/components/Menu/index.stories.js b/apps/pesayetu/src/components/Menu/index.stories.js
@@ -5,7 +5,7 @@ import Menu from ".";
 import { navigationArgs } from "@/pesayetu/config";
 
 export default {
-  title: "Components/Menu",
+  title: "PesaYetu/Components/Menu",
   argTypes: {
     links: {
       control: {

diff --git a/apps/pesayetu/src/components/Metrics/index.stories.js b/apps/pesayetu/src/components/Metrics/index.stories.js
@@ -5,7 +5,7 @@ import Metrics from ".";
 import { metrics } from "@/pesayetu/config";
 
 export default {
-  title: "Sections/Metrics",
+  title: "PesaYetu/Sections/Metrics",
   argTypes: {},
 };