scope legacy modals

src/view/shell/Composer.tsx

@@ -4,7 +4,9 @@ import {StatusBar} from 'expo-status-bar'
 import {observer} from 'mobx-react-lite'
 
 import {isIOS} from '#/platform/detection'
+import {Provider as LegacyModalProvider} from '#/state/modals'
 import {useComposerState} from 'state/shell/composer'
+import {ModalsContainer as LegacyModalsContainer} from '#/view/com/modals/Modal'
 import {
   Outlet as PortalOutlet,
   Provider as PortalProvider,
@@ -25,6 +27,7 @@ export const Composer = observer(function ComposerImpl({}: {
       presentationStyle="formSheet"
       animationType="slide"
       onRequestClose={() => ref.current?.onPressCancel()}>
+      <LegacyModalProvider>
         <PortalProvider>
           <ComposePost
             cancelRef={ref}
@@ -35,9 +38,11 @@ export const Composer = observer(function ComposerImpl({}: {
             text={state?.text}
             imageUris={state?.imageUris}
           />
+          <LegacyModalsContainer />
           <PortalOutlet />
-        {isIOS && <StatusBar style="light" />}
         </PortalProvider>
+      </LegacyModalProvider>
+      {isIOS && <StatusBar style="light" />}
     </Modal>
   )
 })