DEL: Remove blur package. Use builtin solution

BlueComponents.js

@@ -21,9 +21,9 @@ import {
   TouchableOpacity,
   View,
   I18nManager,
+  ImageBackground,
 } from 'react-native';
 import Clipboard from '@react-native-clipboard/clipboard';
-import { BlurView } from '@react-native-community/blur';
 import NetworkTransactionFees, { NetworkTransactionFee, NetworkTransactionFeeType } from './models/networkTransactionFees';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { useTheme } from '@react-navigation/native';
@@ -282,20 +282,15 @@ export const BlueAlertWalletExportReminder = ({ onSuccess = () => {}, onFailure
 };
 
 export const BluePrivateBalance = () => {
-  return Platform.select({
-    ios: (
-      <View style={{ flexDirection: 'row', marginTop: 13 }}>
-        <BlurView style={styles.balanceBlur} blurType="light" blurAmount={25} />
+  return (
+    <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 13, borderRadius: 9 }}>
+      <ImageBackground
+        blurRadius={6}
+        style={{ backgroundColor: '#FFFFFF', opacity: 0.5, height: 30, width: 110, marginRight: 8, borderRadius: 9 }}
+      />
       <Icon name="eye-slash" type="font-awesome" color="#FFFFFF" />
     </View>
-    ),
-    android: (
-      <View style={{ flexDirection: 'row', marginTop: 13 }}>
-        <View style={{ backgroundColor: '#FFFFFF', opacity: 0.5, height: 30, width: 100, marginRight: 8 }} />
-        <Icon name="eye-slash" type="font-awesome" color="#FFFFFF" />
-      </View>
-    ),
-  });
+  );
 };
 
 export const BlueCopyToClipboardButton = ({ stringToCopy, displayText = false }) => {
@@ -1141,14 +1136,6 @@ export class BlueReplaceFeeSuggestions extends Component {
   }
 }
 
-const styles = StyleSheet.create({
-  balanceBlur: {
-    height: 30,
-    width: 100,
-    marginRight: 16,
-  },
-});
-
 export function BlueBigCheckmark({ style }) {
   const defaultStyles = {
     backgroundColor: '#ccddf9',

ios/Podfile.lock

@@ -267,8 +267,6 @@ PODS:
   - React-jsinspector (0.64.2)
   - react-native-blue-crypto (1.0.0):
     - React
-  - react-native-blur (0.8.0):
-    - React
   - react-native-camera (4.1.1):
     - React-Core
     - react-native-camera/RCT (= 4.1.1)
@@ -492,7 +490,6 @@ DEPENDENCIES:
   - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
   - react-native-blue-crypto (from `../node_modules/react-native-blue-crypto`)
-  - "react-native-blur (from `../node_modules/@react-native-community/blur`)"
   - react-native-camera (from `../node_modules/react-native-camera`)
   - react-native-document-picker (from `../node_modules/react-native-document-picker`)
   - react-native-fingerprint-scanner (from `../node_modules/react-native-fingerprint-scanner`)
@@ -604,8 +601,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/jsinspector"
   react-native-blue-crypto:
     :path: "../node_modules/react-native-blue-crypto"
-  react-native-blur:
-    :path: "../node_modules/@react-native-community/blur"
   react-native-camera:
     :path: "../node_modules/react-native-camera"
   react-native-document-picker:
@@ -749,7 +744,6 @@ SPEC CHECKSUMS:
   React-jsiexecutor: 80c46bd381fd06e418e0d4f53672dc1d1945c4c3
   React-jsinspector: cc614ec18a9ca96fd275100c16d74d62ee11f0ae
   react-native-blue-crypto: 23f1558ad3d38d7a2edb7e2f6ed1bc520ed93e56
-  react-native-blur: cad4d93b364f91e7b7931b3fa935455487e5c33c
   react-native-camera: 457a5279a12864bc241c28518fecd5db2838754c
   react-native-document-picker: c5752781fbc0c126c627c1549b037c139444a4cf
   react-native-fingerprint-scanner: c68136ca57e3704d7bdf5faa554ea535ce15b1d0

package-lock.json

@@ -5102,14 +5102,6 @@
       "resolved": "https://registry.npmjs.org/@react-native-clipboard/clipboard/-/clipboard-1.8.4.tgz",
       "integrity": "sha512-poFq3RvXzkbXcqoQNssbZ+aNbCRzBFAWkR9QL7u9xNMgsyWZtk7d16JQoaBo8D2E+kKi+/9JOiVQzA5w+9N67w=="
     },
-    "@react-native-community/blur": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@react-native-community/blur/-/blur-3.6.0.tgz",
-      "integrity": "sha512-GtDBhpX2pQcjl4VopOC8FktrVufrEfYRwVeMQ2WWckqKIv2BdwvlvWvj88L1WmEdBr9UNcm3rtgz+d+YXkmirA==",
-      "requires": {
-        "prop-types": "^15.5.10"
-      }
-    },
     "@react-native-community/cli-debugger-ui": {
       "version": "5.0.1-alpha.1",
       "resolved": "https://registry.npmjs.org/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-5.0.1-alpha.1.tgz",

package.json

@@ -102,7 +102,6 @@
     "@ngraveio/bc-ur": "https://github.com/BlueWallet/bc-ur",
     "@react-native-async-storage/async-storage": "1.15.5",
     "@react-native-clipboard/clipboard": "1.8.4",
-    "@react-native-community/blur": "3.6.0",
     "@react-native-community/masked-view": "0.1.11",
     "@react-native-community/push-notification-ios": "1.10.1",
     "@react-navigation/drawer": "5.12.5",

screen/wallets/drawerList.js

@@ -9,12 +9,11 @@ import { BlueHeaderDefaultMain } from '../../BlueComponents';
 import WalletsCarousel from '../../components/WalletsCarousel';
 import loc from '../../loc';
 import { BlueStorageContext } from '../../blue_modules/storage-context';
-import { BlurView } from '@react-native-community/blur';
 
 const DrawerList = props => {
   console.log('drawerList rendering...');
   const walletsCarousel = useRef();
-  const { wallets, selectedWallet, isImportingWallet, isDrawerListBlurred } = useContext(BlueStorageContext);
+  const { wallets, selectedWallet, isImportingWallet } = useContext(BlueStorageContext);
   const { colors } = useTheme();
   const walletsCount = useRef(wallets.length);
   const isFocused = useIsFocused();
@@ -93,9 +92,6 @@ const DrawerList = props => {
         <StatusBar barStyle="default" />
         {renderWalletsCarousel}
       </View>
-      {isDrawerListBlurred && (
-        <BlurView style={styles.absolute} blurType="light" blurAmount={10} reducedTransparencyFallbackColor="white" />
-      )}
     </DrawerContentScrollView>
   );
 };