fix - blurColor web

src/components/ItemContainer/ItemContainer.js

@@ -1,9 +1,10 @@
-import { View, Text, StyleSheet, Platform } from "react-native";
-import React from "react";
-import BorderGradient from "../BorderGradient/BorderGradient";
-import { BlurView } from "expo-blur";
-import { responsiveHeight } from "react-native-responsive-dimensions";
-import { useKeyboard } from "@react-native-community/hooks";
+import { View, Text, StyleSheet, Platform } from 'react-native';
+import React from 'react';
+import BorderGradient from '../BorderGradient/BorderGradient';
+import { BlurView } from 'expo-blur';
+import { responsiveHeight } from 'react-native-responsive-dimensions';
+import { useKeyboard } from '@react-native-community/hooks';
+import { isWeb } from '../../hooks/useLayoutType';
 
 const ItemContainer = ({
   height = responsiveHeight(40),
@@ -17,7 +18,7 @@ const ItemContainer = ({
   return (
     <BorderGradient
       gradientProps={{
-        colors: ["#FFFFFF00", "#FFFFFF"],
+        colors: ['#FFFFFF00', '#FFFFFF'],
         start: { x: 0.3, y: 0 },
         end: { x: 1, y: 1 },
         ...gradientProps,
@@ -31,12 +32,11 @@ const ItemContainer = ({
           : height,
 
         ...style,
-      }}
-    >
+      }}>
       <View style={styles.blurContainer}>
         <BlurView
-          intensity={Platform.OS !== "ios" ? 10 : 40}
-          tint="dark"
+          intensity={Platform.OS !== 'ios' ? 80 : 40}
+          tint={isWeb ? 'light' : 'dark'}
           style={{ flex: 1, padding: 6 }}
           // experimentalBlurMethod={
           //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
@@ -55,7 +55,7 @@ const styles = StyleSheet.create({
   borderGradientStyle: {
     borderWidth: 1,
     borderRadius: 20,
-    shadowColor: "#000",
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2,
@@ -67,7 +67,7 @@ const styles = StyleSheet.create({
   blurContainer: {
     flex: 1,
     borderRadius: 20,
-    overflow: "hidden",
+    overflow: 'hidden',
     zIndex: 1,
   },
 });