feat(invite/security): Brave issues fixes (#14180)

* feat(invite/security): fix share icon/lobby mode switch

react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx

@@ -4,6 +4,7 @@ import { WithTranslation } from 'react-i18next';
 import {
     ActivityIndicator,
     FlatList,
+    SafeAreaView,
     TouchableOpacity,
     View,
     ViewStyle
@@ -199,6 +200,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
         return (
             <JitsiScreen
                 footerComponent = { this._renderShareMeetingButton }
+                hasExtraHeaderHeight = { true }
                 style = { styles.addPeopleContainer }>
                 <Input
                     autoFocus = { false }
@@ -497,7 +499,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
      */
     _renderShareMeetingButton() {
         return (
-            <View
+            <SafeAreaView
                 style = { [
                     styles.bottomBar as ViewStyle,
                     this.state.bottomPadding ? styles.extraBarPadding : null
@@ -508,7 +510,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
                         src = { IconShare }
                         style = { styles.shareIcon } />
                 </TouchableOpacity>
-            </View>
+            </SafeAreaView>
         );
     }
 

react/features/invite/components/add-people-dialog/native/styles.ts

@@ -29,8 +29,7 @@ export default {
     bottomBar: {
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: BaseTheme.palette.ui01,
-        height: BaseTheme.spacing[10]
+        backgroundColor: BaseTheme.palette.ui01
     },
 
     clearButton: {