From fa2cd8bbf2e041320fcfefa9ffd6108c592cccb2 Mon Sep 17 00:00:00 2001
From: Bruno Lemos <brunohplemos@gmail.com>
Date: Mon, 6 May 2019 07:32:20 -0300
Subject: [PATCH] [iOS] Fix banner message on iPhone X

---
 .../components/src/components/banners/AppBannerMessage.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/components/banners/AppBannerMessage.tsx b/packages/components/src/components/banners/AppBannerMessage.tsx
index 13c9af93..0f732a38 100644
--- a/packages/components/src/components/banners/AppBannerMessage.tsx
+++ b/packages/components/src/components/banners/AppBannerMessage.tsx
@@ -3,6 +3,7 @@ import { View } from 'react-native'
 
 import { useReduxAction } from '../../hooks/use-redux-action'
 import { useReduxState } from '../../hooks/use-redux-state'
+import { SafeAreaView } from '../../libs/safe-area-view'
 import * as actions from '../../redux/actions'
 import * as selectors from '../../redux/selectors'
 import { contentPadding } from '../../styles/variables'
@@ -23,7 +24,7 @@ export function AppBannerMessage() {
   if (!(bannerMessage && bannerMessage.message)) return null
 
   return (
-    <View style={{ width: '100%' }}>
+    <SafeAreaView style={{ width: '100%' }}>
       <View style={{ width: '100%', flexDirection: 'row' }}>
         <Spacer width={contentPadding / 2} />
         <View style={{ width: 18 + contentPadding }} />
@@ -88,6 +89,6 @@ export function AppBannerMessage() {
       </View>
 
       <CardItemSeparator />
-    </View>
+    </SafeAreaView>
   )
 }