weareinreach · kuck1 · Mar 13, 2024 · Mar 22, 2024 · Mar 22, 2024 · Mar 22, 2024
@@ -16,7 +16,12 @@
 	"alert-message-instructions": "Enter the alert message",
 	"alert-title-instructions": "Enter a title for the message...",
 	"alerts": {
-		"search-page-legislative-map": "This <ATLink>anti-trans legislative risk map</ATLink> shows the 2-year risk for anti-trans laws in all 50 states and D.C."
+		"search-page-legislative-map": "This <ATLink>anti-trans legislative risk map</ATLink> shows the 2-year risk for anti-trans laws in all 50 states and D.C.",
+		"search-page-do-not-fly-florida": "Please be aware there is a <ATLink>travel advisory alert</ATLink> for the LGBTQ+ community in Florida.",
+		"search-page-high-risk-state": "This state is a <ATLink>high-risk state</ATLink> for anti-trans legislation. Contact providers for more information.",
+		"search-page-med-risk-state": "This state is a <ATLink>moderate-risk state</ATLink> for anti-trans legislation. Contact providers for more information.",
+		"search-page-low-risk-state": "This state is a <ATLink>low-risk state</ATLink> for anti-trans legislation.",
+		"search-page-most-protective-state": "This state is <ATLink>one of the most protective states</ATLink> for transgender, nonbinary and gender non-conforming people."
 	},
 	"all-service-category": "All {{serviceCategory}}",
 	"anti-hate": {

@@ -23,6 +23,8 @@ import { z } from 'zod'
 
 import { SearchParamsSchema } from '@weareinreach/api/schemas/routes/search'
 import { type ApiOutput, trpcServerClient } from '@weareinreach/api/trpc'
+import { CountryAlertBanner } from '@weareinreach/ui/components/core/AlertBanner/CountryAlertBanner.stories'
+import { StateAlertBanner } from '@weareinreach/ui/components/core/AlertBanner/StateAlertBanner.stories'
 import { Pagination } from '@weareinreach/ui/components/core/Pagination'
 import { SearchBox } from '@weareinreach/ui/components/core/SearchBox'
 import { SearchResultCard } from '@weareinreach/ui/components/core/SearchResultCard'
@@ -177,6 +179,16 @@ const SearchResults = () => {
 		}
 	}, [data, loadingPage])
 
+	const [stateInUS, setStateInUS] = useState<string>('')
+
+	useEffect(() => {
+		if (searchState.searchTerm?.slice(-3) == 'USA') {
+			setStateInUS(searchState.searchTerm?.split(', ')[1] || '')
+		} else {
+			setStateInUS('')
+		}
+	}, [searchState.searchTerm])
+
 	useEffect(
 		() => {
 			if (typeof router.query.page === 'string' && searchState.page !== router.query.page) {
@@ -227,31 +239,20 @@ const SearchResults = () => {
 			<Head>
 				<title>{t('page-title.base', { ns: 'common', title: '$t(page-title.search-results)' })}</title>
 			</Head>
-			{showAlertMessage && (
-				<Box className={classes.banner}>
-					<Text variant={variants.Text.utility1white}>
-						<Trans
-							i18nKey='alerts.search-page-legislative-map'
-							ns='common'
-							components={{
-								ATLink: (
-									<Link
-										external
-										variant={variants.Link.inheritStyle}
-										href='https://www.erininthemorning.com/p/anti-trans-legislative-risk-assessment-43a'
-										target='_blank'
-									></Link>
-								),
-							}}
-						/>
-					</Text>
-				</Box>
+			{showCountryAlertMessage && (
+				<CountryAlertBanner
+					variant={variants.Text.utility1white}
+					variantInheritStyle={variants.Link.inheritStyle}
+				></CountryAlertBanner>
 			)}
+
 			<Grid.Col
 				xs={12}
 				sm={12}
 				pb={30}
-				{...(showAlertMessage ? { mt: { base: 80, xs: 80, sm: 20, md: 20, lg: 20, xl: 40 } } : {})}
+				{...(showCountryAlertMessage || showStateAlertMessage
+					? { mt: { base: 80, xs: 80, sm: 20, md: 20, lg: 20, xl: 40 } }
+					: {})}
 			>
 				<Group spacing={20} w='100%' className={classes.searchControls}>
 					<Group maw={{ md: '50%', base: '100%' }} w='100%'>
@@ -263,7 +264,11 @@ const SearchResults = () => {
 						/>
 					</Group>
 					<Group noWrap w={{ base: '100%', md: '50%' }}>
-						<ServiceFilter resultCount={resultCount} isFetching={searchIsFetching} />
+						<ServiceFilter
+							resultCount={resultCount}
+							isFetching={searchIsFetching}
+							current={searchState.services}
+						/>
 						{/* @ts-expect-error `component` prop not needed.. */}
 						<MoreFilter resultCount={resultCount} isFetching={searchIsFetching}>
 							{t('more.filters')}
@@ -287,6 +292,26 @@ const SearchResults = () => {
 					loadingManager={{ setLoading: setLoadingPage, isLoading: loadingPage }}
 				/>
 			</Grid.Col>
+			<>
+				<Grid.Col xs={12} sm={8} md={8}>
+					{data?.resultCount === 0 && crisisResults ? (
+						<NoResults crisisData={crisisResults} />
+					) : (
+						<>
+							<StateAlertBanner
+								stateInUS={stateInUS}
+								variantInheritStyle={variants.Link.inheritStyle}
+								variantBlack={variants.Text.utility1}
+								variantWhite={variants.Text.utility1white}
+								infoColor={theme.other.colors.secondary.cornflower}
+								warningColor={theme.fn.lighten(theme.other.colors.tertiary.pink, 0.3)}
+							></StateAlertBanner>
+							{resultDisplay}
+							<Pagination total={getSearchResultPageCount(data?.resultCount)} />
+						</>
+					)}
+				</Grid.Col>
+			</>
 			<Grid.Col xs={12} sm={8} md={8}>
 				{data?.resultCount === 0 && crisisResults ? (
 					<NoResults crisisData={crisisResults} />

@@ -71,6 +71,8 @@
 	"pnpm": {
 		"peerDependencyRules": {
 			"allowedVersions": {
+				"react": "18",
+				"react-dom": "18",
 				"typescript": "5",
 				"webpack": "5"
 			}

@@ -57,6 +57,15 @@ export const componentRouter = defineRouter({
 			)
 			return handler(opts)
 		}),
+	LocationBasedAlertBanner: publicProcedure
+		.input(schema.ZLocationBasedAlertBannerSchema)
+		.query(async (opts) => {
+			const handler = await importHandler(
+				namespaced('LocationBasedAlertBanner'),
+				() => import('./query.LocationBasedAlertBanner.handler')
+			)
+			return handler(opts)
+		}),
 	AttributeEditWrapper: permissionedProcedure('updateOrgService')
 		.input(schema.ZAttributeEditWrapperSchema)
 		.mutation(async (opts) => {

@@ -0,0 +1,47 @@
+import { prisma, Prisma } from '@weareinreach/db'
+import { handleError } from '~api/lib/errorHandler'
+import { type TRPCHandlerParams } from '~api/types/handler'
+
+import { type TLocationBasedAlertBannerSchema } from './query.LocationBasedAlertBanner.schema'
+
+export const LocationBasedAlertBanner = async ({
+	input,
+}: TRPCHandlerParams<TLocationBasedAlertBannerSchema>) => {
+	try {
+		const { lat, lon } = input
+		const matchedAreas = await prisma.$queryRaw<MatchedAreaResults>(Prisma.sql`
+		SELECT id from "GeoData" g WHERE ST_CoveredBy(ST_Point(${lon}, ${lat}, 4326), g.geo)
+		`)
+		const geoIds = matchedAreas.map(({ id }) => id)
+
+		const alerts = await prisma.locationAlert.findMany({
+			where: {
+				active: true,
+				OR: [{ country: { geoDataId: { in: geoIds } } }, { govDist: { geoDataId: { in: geoIds } } }],
+			},
+			select: {
+				id: true,
+				level: true,
+				text: { select: { tsKey: { select: { ns: true, key: true, text: true } } } },
+			},
+		})
+
+		const formatted = alerts.map(
+			({
+				id,
+				level,
+				text: {
+					tsKey: { key, ns, text },
+				},
+			}) => ({ id, level, i18nKey: key, ns, defaultText: text })
+		)
+		return formatted
+	} catch (error) {
+		handleError(error)
+	}
+}
+export default LocationBasedAlertBanner
+
+type MatchedAreaResults = {
+	id: string
+}[]
@@ -0,0 +1,7 @@
+import { z } from 'zod'
+
+export const ZLocationBasedAlertBannerSchema = z.object({
+	lat: z.number(),
+	lon: z.number(),
+})
+export type TLocationBasedAlertBannerSchema = z.infer<typeof ZLocationBasedAlertBannerSchema>
@@ -4,5 +4,6 @@ export * from './mutation.EditModeBarDelete.schema'
 export * from './mutation.EditModeBarPublish.schema'
 export * from './mutation.EditModeBarReverify.schema'
 export * from './query.EditModeBar.schema'
+export * from './query.LocationBasedAlertBanner.schema'
 export * from './query.serviceModal.schema'
 // codegen:end
@@ -9,33 +9,40 @@ import { slug } from './slugGen'
 const createKey = (parts: string[]) =>
 	parts.map((part) => slug(part, { remove: /[^\w\s$*+~.()'"!\-:@]+/g })).join('.')
 
-export const generateFreeText = <T extends GenerateFreeTextType>({
-	orgId,
-	itemId,
-	text,
-	type,
-	freeTextId,
-}: GenerateFreeTextParams<T>): GenerateFreeTextReturn => {
+export const generateFreeText = <T extends GenerateFreeTextType>(args: GenerateFreeTextParams<T>) => {
+	const { text, type, freeTextId } = args
 	const key = (() => {
 		switch (type) {
 			case 'orgDesc': {
+				const { orgId } = args as GenerateFreeTextParams<'orgDesc'>
+				invariant(orgId)
 				return createKey([orgId, 'description'])
 			}
 			case 'attSupp': {
-				invariant(itemId)
+				const { orgId, itemId } = args as GenerateFreeTextParams<'attSupp'>
+				invariant(itemId && orgId)
 				return createKey([orgId, 'attribute', itemId])
 			}
 			case 'svcName': {
-				invariant(itemId)
+				const { orgId, itemId } = args as GenerateFreeTextParams<'svcName'>
+				invariant(itemId && orgId)
 				return createKey([orgId, itemId, 'name'])
 			}
 			case 'websiteDesc':
 			case 'phoneDesc':
 			case 'emailDesc':
 			case 'svcDesc': {
-				invariant(itemId)
+				const { orgId, itemId } = args as GenerateFreeTextParams<
+					'websiteDesc' | 'phoneDesc' | 'emailDesc' | 'svcDesc'
+				>
+				invariant(itemId && orgId)
 				return createKey([orgId, itemId, 'description'])
 			}
+			case 'locationAlert': {
+				const { itemId } = args as GenerateFreeTextParams<'locationAlert'>
+				invariant(itemId)
+				return createKey(['locationBasedAlert', itemId])
+			}
-export const generateFreeText = <T extends GenerateFreeTextType>(args: GenerateFreeTextParams<T>) => {
-	const { text, type, freeTextId } = args
-	const key = (() => {
-		switch (type) {
-			case 'orgDesc': {
-				const { orgId } = args as GenerateFreeTextParams<'orgDesc'>
-				invariant(orgId)
-				return createKey([orgId, 'description'])
-			}
-			case 'attSupp': {
-				invariant(itemId)
-				const { orgId, itemId } = args as GenerateFreeTextParams<'attSupp'>
-				invariant(itemId && orgId)
-				return createKey([orgId, 'attribute', itemId])
-			}
-			case 'svcName': {
-				invariant(itemId)
-				const { orgId, itemId } = args as GenerateFreeTextParams<'svcName'>
-				invariant(itemId && orgId)
-				return createKey([orgId, itemId, 'name'])
-			}
-			case 'websiteDesc':
-			case 'phoneDesc':
-			case 'emailDesc':
-			case 'svcDesc': {
-				invariant(itemId)
-				const { orgId, itemId } = args as GenerateFreeTextParams<
-					'websiteDesc' | 'phoneDesc' | 'emailDesc' | 'svcDesc'
-				>
-				invariant(itemId && orgId)
-				return createKey([orgId, itemId, 'description'])
-			}
-			case 'locationAlert': {
-				const { itemId } = args as GenerateFreeTextParams<'locationAlert'>
-				invariant(itemId)
-				return createKey(['locationBasedAlert', itemId])
-			}
+export const generateFreeText = <T extends GenerateFreeTextType>(args: GenerateFreeTextParams<T>) => {
+	const { text, type, freeTextId } = args
+	const key = (() => {
+		switch (type) {
+			case 'orgDesc': {
+				const { orgId } = args as GenerateFreeTextParams<'orgDesc'>
+				invariant(orgId)
+				return createKey([orgId, 'description'])
+			}
+			case 'attSupp': {
+				const { orgId, itemId } = args as GenerateFreeTextParams<'attSupp'>
+				invariant(itemId && orgId)
+				return createKey([orgId, 'attribute', itemId])
+			}
+			case 'svcName': {
+				const { orgId, itemId } = args as GenerateFreeTextParams<'svcName'>
+				invariant(itemId && orgId)
+				return createKey([orgId, itemId, 'name'])
+			}
+			case 'websiteDesc':
+			case 'phoneDesc':
+			case 'emailDesc':
+			case 'svcDesc': {
+				const { orgId, itemId } = args as GenerateFreeTextParams<
+					'websiteDesc' | 'phoneDesc' | 'emailDesc' | 'svcDesc'
+				>
+				invariant(itemId && orgId)
+				return createKey([orgId, itemId, 'description'])
+			}
+			case 'locationAlert': {
+				const { itemId } = args as GenerateFreeTextParams<'locationAlert'>
+				invariant(itemId)
+				return createKey(['locationBasedAlert', itemId])
+			}
+		}
+	})()
+
+	// Additional code here
+}
-export const generateFreeText = <T extends GenerateFreeTextType>(args: GenerateFreeTextParams<T>) => {
-	const { text, type, freeTextId } = args
-	const key = (() => {
-		switch (type) {
-			case 'orgDesc': {
-				const { orgId } = args as GenerateFreeTextParams<'orgDesc'>
-				invariant(orgId)
-				return createKey([orgId, 'description'])
-			}
-			case 'attSupp': {
-				invariant(itemId)
-				const { orgId, itemId } = args as GenerateFreeTextParams<'attSupp'>
-				invariant(itemId && orgId)
-				return createKey([orgId, 'attribute', itemId])
-			}
-			case 'svcName': {
-				invariant(itemId)
-				const { orgId, itemId } = args as GenerateFreeTextParams<'svcName'>
-				invariant(itemId && orgId)
-				return createKey([orgId, itemId, 'name'])
-			}
-			case 'websiteDesc':
-			case 'phoneDesc':
-			case 'emailDesc':
-			case 'svcDesc': {
-				invariant(itemId)
-				const { orgId, itemId } = args as GenerateFreeTextParams<
-					'websiteDesc' | 'phoneDesc' | 'emailDesc' | 'svcDesc'
-				>
-				invariant(itemId && orgId)
-				return createKey([orgId, itemId, 'description'])
-			}
-			case 'locationAlert': {
-				const { itemId } = args as GenerateFreeTextParams<'locationAlert'>
-				invariant(itemId)
-				return createKey(['locationBasedAlert', itemId])
-			}
+export const generateFreeText = <T extends GenerateFreeTextType>(args: GenerateFreeTextParams<T>) => {
+	const { text, type, freeTextId } = args
+	const key = (() => {
+		switch (type) {
+			case 'orgDesc': {
+				const { orgId } = args as GenerateFreeTextParams<'orgDesc'>
+				invariant(orgId)
+				return createKey([orgId, 'description'])
+			}
+			case 'attSupp': {
+				const { orgId, itemId } = args as GenerateFreeTextParams<'attSupp'>
+				invariant(itemId && orgId)
+				return createKey([orgId, 'attribute', itemId])
+			}
+			case 'svcName': {
+				const { orgId, itemId } = args as GenerateFreeTextParams<'svcName'>
+				invariant(itemId && orgId)
+				return createKey([orgId, itemId, 'name'])
+			}
+			case 'websiteDesc':
+			case 'phoneDesc':
+			case 'emailDesc':
+			case 'svcDesc': {
+				const { orgId, itemId } = args as GenerateFreeTextParams<
+					'websiteDesc' | 'phoneDesc' | 'emailDesc' | 'svcDesc'
+				>
+				invariant(itemId && orgId)
+				return createKey([orgId, itemId, 'description'])
+			}
+			case 'locationAlert': {
+				const { itemId } = args as GenerateFreeTextParams<'locationAlert'>
+				invariant(itemId)
+				return createKey(['locationBasedAlert', itemId])
+			}
+		}
+	})()
+
+	// Additional code here
+}
 			default: {
 				return null
 			}
@@ -147,12 +154,14 @@ interface GenerateNestedFreeTextUpsertResult {
 	}
 }
 
-type GenerateFreeTextParams<T extends GenerateFreeTextType> = GenerateFreeTextWithItem<T>
-interface GenerateFreeTextBase {
+type GenerateFreeTextParams<T extends GenerateFreeTextType> = {
+	type: T
 	text: string
-	orgId: string
 	freeTextId?: string | null
-}
+	// eslint-disable-next-line @typescript-eslint/ban-types
+} & (T extends 'locationAlert' ? {} : { orgId: string }) &
+	// eslint-disable-next-line @typescript-eslint/ban-types
+	(T extends 'orgDesc' ? {} : { itemId: string })
 
 type GenerateFreeTextType =
 	| 'attSupp'
@@ -162,13 +171,4 @@ type GenerateFreeTextType =
 	| 'phoneDesc'
 	| 'websiteDesc'
 	| 'orgDesc'
-
-interface GenerateFreeTextWithItem<T extends GenerateFreeTextType> extends GenerateFreeTextBase {
-	type: T
-	itemId?: GenerateFreeTextItemId<T>
-}
-type GenerateFreeTextItemId<T extends GenerateFreeTextType> = T extends 'orgDesc' ? never : Required<string>
-// interface GenerateFreeTextWithoutItem extends GenerateFreeTextBase {
-// 	type: 'orgDesc'
-// 	itemId?: never
-// }
+	| 'locationAlert'
@@ -29,6 +29,7 @@ export const idPrefix = {
 	govDistType: 'gdty',
 	internalNote: 'note',
 	language: 'lang',
+	locationAlert: 'alrt',
 	organization: 'orgn',
 	orgEmail: 'oeml',
 	orgHours: 'ohrs',

@@ -0,0 +1,53 @@
+-- CreateEnum
+CREATE TYPE "LocationAlertLevel" AS ENUM(
+	'INFO',
+	'WARN',
+	'CRITICAL'
+);
+
+-- CreateTable
+CREATE TABLE "LocationAlert"(
+	"id" text NOT NULL,
+	"active" boolean NOT NULL DEFAULT TRUE,
+	"textId" text NOT NULL,
+	"level" "LocationAlertLevel" NOT NULL,
+	"countryId" text,
+	"govDistId" text,
+	CONSTRAINT "LocationAlert_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE INDEX "LocationAlert_countryId_textId_idx" ON
+ "LocationAlert"("countryId", "textId");
+
+-- CreateIndex
+CREATE INDEX "LocationAlert_govDistId_textId_idx" ON
+ "LocationAlert"("govDistId", "textId");
+
+-- CreateIndex
+CREATE INDEX "LocationAlert_active_countryId_textId_idx" ON
+ "LocationAlert"("active", "countryId", "textId");
+
+-- CreateIndex
+CREATE INDEX "LocationAlert_active_govDistId_textId_idx" ON
+ "LocationAlert"("active", "govDistId", "textId");
+
+-- AddForeignKey
+ALTER TABLE "LocationAlert"
+	ADD CONSTRAINT "LocationAlert_textId_fkey" FOREIGN KEY ("textId")
+	REFERENCES "FreeText"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LocationAlert"
+	ADD CONSTRAINT "LocationAlert_countryId_fkey" FOREIGN KEY ("countryId")
+	REFERENCES "Country"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LocationAlert"
+	ADD CONSTRAINT "LocationAlert_govDistId_fkey" FOREIGN KEY ("govDistId")
+	REFERENCES "GovDist"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- Custom constraint
+ALTER TABLE "LocationAlert"
+	ADD CONSTRAINT "LocationAlert_Location_CUSTOM" CHECK
+	((num_nonnulls("countryId", "govDistId") = 1));