From 957ab05bf59df7aec0fd92d152e42840960c70ec Mon Sep 17 00:00:00 2001
From: Kyrie <kyriechung@outlook.com>
Date: Wed, 13 Dec 2023 11:14:34 +0800
Subject: [PATCH] feat: dialog support safe area context

---
 src/components/Dialog/Dialog.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Dialog/Dialog.tsx b/src/components/Dialog/Dialog.tsx
index 9a3485897e..f9aeb83b47 100644
--- a/src/components/Dialog/Dialog.tsx
+++ b/src/components/Dialog/Dialog.tsx
@@ -7,6 +7,8 @@ import {
   ViewStyle,
 } from 'react-native';
 
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
 import DialogActions from './DialogActions';
 import DialogContent from './DialogContent';
 import DialogIcon from './DialogIcon';
@@ -101,6 +103,7 @@ const Dialog = ({
   theme: themeOverrides,
   testID,
 }: Props) => {
+  const { right, left } = useSafeAreaInsets();
   const theme = useInternalTheme(themeOverrides);
   const { isV3, dark, mode, colors, roundness } = theme;
   const borderRadius = (isV3 ? 7 : 1) * roundness;
@@ -123,6 +126,7 @@ const Dialog = ({
         {
           borderRadius,
           backgroundColor,
+          marginHorizontal: Math.max(left, right, 26),
         },
         styles.container,
         style,
@@ -179,7 +183,6 @@ const styles = StyleSheet.create({
      * dialog (44 pixel from the top and bottom) it won't be dismissed.
      */
     marginVertical: Platform.OS === 'android' ? 44 : 0,
-    marginHorizontal: 26,
     elevation: DIALOG_ELEVATION,
     justifyContent: 'flex-start',
   },