From f9fc48b46376e156f8d7257699521d660f6cd3ad Mon Sep 17 00:00:00 2001
From: trigal <keeplist1@gmail.com>
Date: Wed, 15 Jan 2025 11:58:18 -0800
Subject: [PATCH] removed references to hasData and the alerts array to fix
 automation build errors

---
 .../pages/org/[slug]/[orgLocationId]/edit.tsx | 24 +++---------------
 .../org/[slug]/[orgLocationId]/index.tsx      | 20 +--------------
 apps/app/src/pages/org/[slug]/index.tsx       | 25 -------------------
 3 files changed, 5 insertions(+), 64 deletions(-)

diff --git a/apps/app/src/pages/org/[slug]/[orgLocationId]/edit.tsx b/apps/app/src/pages/org/[slug]/[orgLocationId]/edit.tsx
index 558b969957..5c24f1055c 100644
--- a/apps/app/src/pages/org/[slug]/[orgLocationId]/edit.tsx
+++ b/apps/app/src/pages/org/[slug]/[orgLocationId]/edit.tsx
@@ -13,7 +13,6 @@ import { prefixedId } from '@weareinreach/api/schemas/idPrefix'
 import { trpcServerClient } from '@weareinreach/api/trpc'
 import { checkServerPermissions } from '@weareinreach/auth'
 import { Button } from '@weareinreach/ui/components/core'
-import { AlertMessage } from '@weareinreach/ui/components/core/AlertMessage'
 import { Toolbar } from '@weareinreach/ui/components/core/Toolbar'
 import { MultiSelectPopover } from '@weareinreach/ui/components/data-portal/MultiSelectPopover/hook-form'
 import { ServiceEditDrawer } from '@weareinreach/ui/components/data-portal/ServiceEditDrawer'
@@ -59,14 +58,10 @@ const OrgLocationPage: NextPage<InferGetServerSidePropsType<typeof getServerSide
 	const { data, status } = api.location.forLocationPageEdits.useQuery({ id: orgLocationId })
 	const { mutate: revalidatePage } = api.misc.revalidatePage.useMutation()
 
-	interface Alert {
-		key: string
-		icon: string
-		text: string
-	}
-
-	const { data: alertData }: { data: Alert[] } = { data: [] }
-
+	const { data: alertData } = api.location.getAlerts.useQuery(
+		{ id: orgLocationId },
+		{ enabled: router.isReady }
+	)
 	// for use with MultiSelectPopover
 
 	const { data: orgServices } = api.service.getNames.useQuery(
@@ -85,7 +80,6 @@ const OrgLocationPage: NextPage<InferGetServerSidePropsType<typeof getServerSide
 		values: defaultFormValues,
 	})
 
-	const hasAlerts = Array.isArray(alertData) && alertData.length > 0
 	const { classes } = useStyles()
 
 	const servicesRef = useRef<HTMLDivElement>(null)
@@ -181,16 +175,6 @@ const OrgLocationPage: NextPage<InferGetServerSidePropsType<typeof getServerSide
 						organizationId={data.organization.id}
 					/>
 					<Stack pt={24} align='flex-start' spacing={40}>
-						{hasAlerts &&
-							alertData.map((alert) => (
-								<AlertMessage
-									key={alert.key}
-									iconKey={alert.icon}
-									ns={data.organization.id}
-									textKey={alert.key}
-									defaultText={alert.text}
-								/>
-							))}
 						<ListingBasicInfo
 							data={{
 								slug,
diff --git a/apps/app/src/pages/org/[slug]/[orgLocationId]/index.tsx b/apps/app/src/pages/org/[slug]/[orgLocationId]/index.tsx
index e4700f149c..016c637a88 100644
--- a/apps/app/src/pages/org/[slug]/[orgLocationId]/index.tsx
+++ b/apps/app/src/pages/org/[slug]/[orgLocationId]/index.tsx
@@ -6,11 +6,10 @@ import Head from 'next/head'
 import { useRouter } from 'next/router'
 import { useTranslation } from 'next-i18next'
 import { type RoutedQuery } from 'nextjs-routes'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { z } from 'zod'
 
 import { trpcServerClient } from '@weareinreach/api/trpc'
-import { AlertMessage } from '@weareinreach/ui/components/core/AlertMessage'
 import { Toolbar } from '@weareinreach/ui/components/core/Toolbar'
 import { ContactSection } from '@weareinreach/ui/components/sections/ContactSection'
 import { ListingBasicInfo } from '@weareinreach/ui/components/sections/ListingBasicInfo'
@@ -53,13 +52,6 @@ const OrgLocationPage: NextPage = () => {
 		error: pageFetchError,
 	} = api.location.forLocationPage.useQuery({ id: orgLocationId }, { enabled: router.isReady })
 
-	interface Alert {
-		key: string
-		icon: string
-		text: string
-	}
-
-	const { data: alertData }: { data: Alert[] } = { data: [] }
 	const { classes } = useStyles()
 
 	const servicesRef = useRef<HTMLDivElement>(null)
@@ -123,16 +115,6 @@ const OrgLocationPage: NextPage = () => {
 					organizationId={orgData.id}
 				/>
 				<Stack pt={24} align='flex-start' spacing={40}>
-					{hasAlerts &&
-						alertData?.map((alert) => (
-							<AlertMessage
-								key={alert.key}
-								iconKey={alert.icon}
-								ns={orgData.id}
-								textKey={alert.key}
-								defaultText={alert.text}
-							/>
-						))}
 					<ListingBasicInfo
 						data={{
 							name: data.name ?? orgData.name,
diff --git a/apps/app/src/pages/org/[slug]/index.tsx b/apps/app/src/pages/org/[slug]/index.tsx
index 3ef6b6fc0f..eb71030eb1 100644
--- a/apps/app/src/pages/org/[slug]/index.tsx
+++ b/apps/app/src/pages/org/[slug]/index.tsx
@@ -9,7 +9,6 @@ import { type RoutedQuery } from 'nextjs-routes'
 import { useCallback, useEffect, useRef, useState } from 'react'
 
 import { trpcServerClient } from '@weareinreach/api/trpc'
-import { AlertMessage } from '@weareinreach/ui/components/core/AlertMessage'
 import { Toolbar } from '@weareinreach/ui/components/core/Toolbar'
 import { ContactSection } from '@weareinreach/ui/components/sections/ContactSection'
 import { ListingBasicInfo } from '@weareinreach/ui/components/sections/ListingBasicInfo'
@@ -62,15 +61,6 @@ const OrganizationPage = ({
 		}
 	)
 
-	interface Alert {
-		key: string
-		icon: string
-		text: string
-	}
-
-	const { data: alertData }: { data: Alert[] } = { data: [] }
-
-	const hasAlerts = Array.isArray(alertData) && alertData.length > 0
 	const { ref, width } = useElementSize()
 	const { searchState } = useSearchState()
 	const theme = useMantineTheme()
@@ -205,21 +195,6 @@ const OrganizationPage = ({
 					organizationId={organizationId}
 				/>
 				<Stack pt={24} align='flex-start' spacing={40}>
-					{hasAlerts &&
-						alertData.map((alert) => {
-							if (!alert.key) {
-								return null
-							}
-							return (
-								<AlertMessage
-									key={alert.key}
-									iconKey={alert.icon}
-									ns={organizationId}
-									textKey={alert.key}
-									defaultText={alert.text}
-								/>
-							)
-						})}
 					<ListingBasicInfo
 						data={{
 							name: data.name,