organizations type graphql

Author: caleballdrin

src/components/Dashboard/Dashboard.test.tsx

@@ -249,7 +249,7 @@ describe('Static Banner', () => {
   it('should NOT show the banner if the env variable is false', () => {
     process.env.SHOW_BANNER = 'false';
 
-    const { getByTestId } = render(
+    const { queryByTestId } = render(
       <ThemeProvider theme={theme}>
         <SnackbarProvider>
           <MockedProvider mocks={GetThisWeekDefaultMocks()} addTypename={false}>
@@ -259,6 +259,6 @@ describe('Static Banner', () => {
       </ThemeProvider>,
     );
 
-    expect(getByTestId('staticBanner')).not.toBeInTheDocument();
+    expect(queryByTestId('staticBanner')).not.toBeInTheDocument();
   });
 });

src/components/Dashboard/Dashboard.tsx

@@ -27,10 +27,7 @@ const variants = {
     },
   },
 };
-const checkShowBanner = function () {
-  return process.env.SHOW_BANNER;
-};
-//const showBanner = process.env.SHOW_BANNER;
+const shouldShowBanner = process.env.SHOW_BANNER === 'true';
 
 const Dashboard = ({ data, accountListId }: Props): ReactElement => {
   return (
@@ -44,7 +41,7 @@ const Dashboard = ({ data, accountListId }: Props): ReactElement => {
             exit="exit"
             variants={variants}
           >
-            {checkShowBanner() === 'true' ? <StaticBanner /> : null}
+            {shouldShowBanner && <StaticBanner data-testid="staticBanner" />}
             <Grid container spacing={3} alignItems="stretch">
               <Grid xs={12} sm={8} item>
                 <MonthlyGoal

src/components/Shared/staticBanner/StaticBanner.test.tsx

@@ -0,0 +1,8 @@
+import { render } from '@testing-library/react';
+import { StaticBanner } from './StaticBanner';
+
+test('static banner displays', () => {
+  const { queryByTestId } = render(<StaticBanner />);
+
+  expect(queryByTestId('nonCruOrgReminder')).toBeInTheDocument();
+});

src/components/Shared/staticBanner/StaticBanner.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import Alert from '@mui/material/Alert';
 import { Link } from '@mui/material';
+import { useGetUsersOrganizationsQuery } from './getOrganizationType.generated';
 
 interface StaticBannerProps {
   severity?: 'error' | 'info' | 'success' | 'warning';
@@ -11,22 +12,26 @@ export const StaticBanner: React.FC<StaticBannerProps> = ({
   severity = 'warning',
 }) => {
   const { t } = useTranslation();
-  let nonCruOrg = false;
+  let showBanner = false;
+  let includesCruOrg = true;
 
-  const checkIfCruOrg = () => {
-    return new Promise((resolve) => {
-      resolve((nonCruOrg = true));
-    });
-  };
-  checkIfCruOrg();
+  const { data } = useGetUsersOrganizationsQuery();
+  data?.userOrganizationAccounts.map((org) => {
+    if (
+      org.organization.organizationType === 'Cru-International' ||
+      org.organization.organizationType === 'Cru'
+    ) {
+      includesCruOrg = true;
+    }
+  });
+  showBanner = includesCruOrg ? false : true;
 
-  return nonCruOrg ? (
-    <Alert severity={severity}>
+  return showBanner ? (
+    <Alert severity={severity} data-testid="nonCruOrgReminder">
       {t(
-        "Due to data privacy regulations and costs, Cru will no longer be able to host MPDX data for non-Cru/non-CCCI ministries. This means that MPDX will no longer be available for use outside of Cru/CCCI.  Your data in MPDX will be deleted if you don't export it from MPDX by January 31, 2024 or let us know why you might need an extension. For more information and to take action, ",
+        `Due to data privacy regulations and costs, Cru will no longer be able to host MPDX data for non-Cru/non-CCCI ministries. This means that MPDX will no longer be available for use outside of Cru/CCCI.  Your data in MPDX will be deleted if you don't export it from MPDX by January 31, 2024 or let us know why you might need an extension. For more information and to take action, `,
       )}
       <Link
-        data-testid="staticBanner"
         href="https://docs.google.com/document/d/18TnQGmshg71l3J9Gd-4ltjIjhK2PLtuG_Vc94bt6xzE/"
         target="_blank"
         rel="noreferrer"

src/components/Shared/staticBanner/getOrganizationType.graphql

@@ -0,0 +1,14 @@
+query GetUsersOrganizations {
+  userOrganizationAccounts {
+    organization {
+      apiClass
+      id
+      name
+      oauth
+      organizationType
+    }
+    latestDonationDate
+    lastDownloadedAt
+    username
+  }
+}