From 841c410714342c61832673ecf48917e56ea07fb8 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Fri, 24 May 2024 13:00:06 -0700
Subject: [PATCH] removing unsupported blur view

---
 app/mobile/src/access/admin/Admin.jsx  | 4 +---
 app/mobile/src/dashboard/Dashboard.jsx | 3 +--
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/mobile/src/access/admin/Admin.jsx b/app/mobile/src/access/admin/Admin.jsx
index 036940065..61a3ad082 100644
--- a/app/mobile/src/access/admin/Admin.jsx
+++ b/app/mobile/src/access/admin/Admin.jsx
@@ -5,7 +5,6 @@ import { useAdmin } from './useAdmin.hook';
 import Colors from 'constants/Colors';
 import MatIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import { tos } from 'constants/TermsOfService';
-import { BlurView } from "@react-native-community/blur";
 import { InputCode } from 'utils/InputCode';
 
 export function Admin() {
@@ -104,8 +103,7 @@ export function Admin() {
         onRequestClose={actions.dismissMFA}
       >
         <View>
-          <BlurView style={styles.mfaOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black" />
-          <View style={styles.mfaBase}>
+          <View style={styles.modalContainer}>
             <View style={styles.mfaContainer}>
               <Text style={styles.mfaTitle}>{ state.strings.mfaTitle }</Text>
               <Text style={styles.mfaDescription}>{ state.strings.mfaEnter }</Text>
diff --git a/app/mobile/src/dashboard/Dashboard.jsx b/app/mobile/src/dashboard/Dashboard.jsx
index c85161fa7..894c722e8 100644
--- a/app/mobile/src/dashboard/Dashboard.jsx
+++ b/app/mobile/src/dashboard/Dashboard.jsx
@@ -386,8 +386,7 @@ export function Dashboard(props) {
         onRequestClose={actions.dismissMFA}
       >
         <View>
-          <BlurView style={styles.mfaOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black" />
-          <KeyboardAvoidingView style={styles.mfaBase} behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
+          <KeyboardAvoidingView style={styles.modalOverlay} behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
             <View style={styles.mfaContainer}>
               <Text style={styles.mfaTitle}>{ state.strings.mfaTitle }</Text>
               <Text style={styles.mfaDescription}>{ state.strings.mfaSteps }</Text>