fix: display streaming navigation item conditionally

Author: adam-strzelec

src/components/v5/shared/Navigation/Sidebar/sidebars/ColonyPageSidebar/partials/SidebarRoutesSection.tsx

@@ -2,9 +2,11 @@ import React from 'react';
 
 import SidebarRouteItem from '~v5/shared/Navigation/Sidebar/partials/SidebarRouteItem/index.ts';
 
-import { sidebarNavigationScheme } from '../consts.ts';
+import { useSidebarRoutesScheme } from './hooks.ts';
 
 export const SidebarRoutesSection = () => {
+  const { sidebarScheme: sidebarNavigationScheme } = useSidebarRoutesScheme();
+
   return (
     <section className="flex w-full flex-col gap-0 md:gap-0.5">
       {sidebarNavigationScheme.map((scheme) => (

src/components/v5/shared/Navigation/Sidebar/sidebars/ColonyPageSidebar/partials/hooks.ts

@@ -0,0 +1,52 @@
+import { Extension } from '@colony/colony-js';
+
+import { useColonyContext } from '~context/ColonyContext/ColonyContext.ts';
+import { useSearchActionsQuery } from '~gql';
+import useExtensionData from '~hooks/useExtensionData.ts';
+import { COLONY_STREAMING_PAYMENTS_ROUTE } from '~routes';
+import { isInstalledExtensionData } from '~utils/extensions.ts';
+
+import { sidebarNavigationScheme } from '../consts.ts';
+
+export const useSidebarRoutesScheme = () => {
+  const { colony } = useColonyContext();
+
+  const { colonyAddress } = colony;
+
+  const { data } = useSearchActionsQuery({
+    variables: {
+      filter: {
+        colonyId: { eq: colonyAddress },
+        type: { eq: 'CREATE_STREAMING_PAYMENT' },
+      },
+      limit: 5,
+    },
+  });
+
+  const excludeSubitemsPaths = (subitemsPathsToExclude: string[]) =>
+    sidebarNavigationScheme.map((item) => {
+      return {
+        ...item,
+        subItems: item.subItems?.filter(
+          (subItem) => !subitemsPathsToExclude.includes(subItem.path),
+        ),
+      };
+    });
+
+  const hasStreamings = !!data?.searchColonyActions?.items.length;
+
+  const { extensionData } = useExtensionData(Extension.StreamingPayments);
+  const isStreamingPaymentsInstalled =
+    extensionData && isInstalledExtensionData(extensionData);
+
+  const isStreamingsRouteVisible =
+    isStreamingPaymentsInstalled || hasStreamings;
+
+  const sidebarScheme = excludeSubitemsPaths(
+    isStreamingsRouteVisible ? [] : [COLONY_STREAMING_PAYMENTS_ROUTE],
+  );
+
+  return {
+    sidebarScheme,
+  };
+};