From 18b6d7cf6a5732343aebd529aa14a38e8940f71c Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 4 Aug 2025 13:07:43 -0500
Subject: [PATCH] Create custom Outlet for these announcements

---
 src/components/Portal.tsx                             |  2 +-
 .../dialogs/BlockingAnnouncements/index.tsx           | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Portal.tsx b/src/components/Portal.tsx
index 4e03d6b089..71b208579d 100644
--- a/src/components/Portal.tsx
+++ b/src/components/Portal.tsx
@@ -73,7 +73,7 @@ export function createPortalGroup() {
     return null
   }
 
-  return {Provider, Outlet, Portal}
+  return {Provider, Outlet, Portal, Context}
 }
 
 const DefaultPortal = createPortalGroup()
diff --git a/src/components/dialogs/BlockingAnnouncements/index.tsx b/src/components/dialogs/BlockingAnnouncements/index.tsx
index 7f20853e38..b4f79223db 100644
--- a/src/components/dialogs/BlockingAnnouncements/index.tsx
+++ b/src/components/dialogs/BlockingAnnouncements/index.tsx
@@ -1,5 +1,7 @@
+import {useContext} from 'react'
 import {View} from 'react-native'
 
+import {atoms as a} from '#/alf'
 import {AnnouncementDialogOuter} from '#/components/dialogs/BlockingAnnouncements/AnnouncementDialog'
 import * as PolicyUpdate20250801 from '#/components/dialogs/BlockingAnnouncements/PolicyUpdate20250801'
 import {createPortalGroup} from '#/components/Portal'
@@ -10,11 +12,10 @@ export const Provider = portalGroup.Provider
 export const Portal = portalGroup.Portal
 
 export function Outlet() {
-  return (
-    <View style={{zIndex: 9999}}>
-      <portalGroup.Outlet />
-    </View>
-  )
+  const {outlet} = useContext(portalGroup.Context)
+  return outlet ? (
+    <View style={[a.fixed, a.inset_0, {zIndex: 9999}]}>{outlet}</View>
+  ) : null
 }
 
 export function BlockingAnnouncements() {