Remove page wrappers (#28610)

Author: chrisnojima

shared/chat/blocking/block-modal/index.tsx

@@ -20,18 +20,18 @@ type BlocksForUser = {chatBlocked?: boolean; followBlocked?: boolean; report?: R
 export type Props = {
   adderUsername?: string
   blockUserByDefault?: boolean
-  filterUserByDefault?: boolean
-  flagUserByDefault?: boolean
-  reportsUserByDefault?: boolean
-  conversationIDKey?: string
   context?: BlockModalContext
+  conversationIDKey?: string
+  filterUserByDefault?: boolean
   finishWaiting: boolean
+  flagUserByDefault?: boolean
   isBlocked: (username: string, which: BlockType) => boolean
   loadingWaiting: boolean
   onClose: () => void
   onFinish: (newBlocks: NewBlocksMap, blockTeam: boolean, report?: ReportSettings) => void
   otherUsernames?: Array<string>
   refreshBlocks: () => void
+  reportsUserByDefault?: boolean
   teamname?: string
 }
 

shared/chat/blocking/block-modal/page.tsx

@@ -0,0 +1,27 @@
+import type * as T from '@/constants/types'
+import * as React from 'react'
+import {useSafeAreaFrame} from 'react-native-safe-area-context'
+import Full from '.'
+
+type OwnProps = {
+  ordinal: T.Chat.Ordinal
+}
+
+const Screen = (p: OwnProps) => {
+  const {width, height} = useSafeAreaFrame()
+  const isPortrait = height > width
+  const wasPortraitRef = React.useRef(isPortrait)
+  // reset zoom etc on change
+  const [key, setKey] = React.useState(0)
+
+  React.useEffect(() => {
+    if (isPortrait !== wasPortraitRef.current) {
+      wasPortraitRef.current = isPortrait
+      setKey(k => k + 1)
+    }
+  }, [isPortrait])
+
+  return <Full ordinal={p.ordinal} showHeader={isPortrait} key={String(key)} />
+}
+
+export default Screen