From b6c5e88626c95919b64b52379bbbd62379c1c1fd Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Wed, 22 May 2024 16:28:00 -0700
Subject: [PATCH] implement for new dialogs

---
 src/components/Dialog/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Dialog/index.tsx b/src/components/Dialog/index.tsx
index 315f863b5e..bf59a028b9 100644
--- a/src/components/Dialog/index.tsx
+++ b/src/components/Dialog/index.tsx
@@ -1,5 +1,6 @@
 import React, {useImperativeHandle} from 'react'
 import {Dimensions, Pressable, StyleProp, View, ViewStyle} from 'react-native'
+import {KeyboardAvoidingView} from 'react-native-keyboard-controller'
 import Animated, {useAnimatedStyle} from 'react-native-reanimated'
 import {useSafeAreaInsets} from 'react-native-safe-area-context'
 import BottomSheet, {
@@ -17,6 +18,7 @@ import {BottomSheetFlatListProps} from '@discord/bottom-sheet/src/components/bot
 
 import {logger} from '#/logger'
 import {useDialogStateControlContext} from '#/state/dialogs'
+import {isIOS} from 'platform/detection'
 import {atoms as a, flatten, useTheme} from '#/alf'
 import {Context} from '#/components/Dialog/context'
 import {
@@ -163,7 +165,8 @@ export function Outer({
   return (
     isOpen && (
       <Portal>
-        <View
+        <KeyboardAvoidingView
+          behavior={isIOS ? 'padding' : 'height'}
           // iOS
           accessibilityViewIsModal
           // Android
@@ -202,7 +205,7 @@ export function Outer({
               {children}
             </Context.Provider>
           </BottomSheet>
-        </View>
+        </KeyboardAvoidingView>
       </Portal>
     )
   )