start refacto home and fix description

src/components/ItemContainer/ItemContainer.js

@@ -1,10 +1,9 @@
-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';
+import { View, 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";
 
 const ItemContainer = ({
   height = responsiveHeight(40),
@@ -18,7 +17,7 @@ const ItemContainer = ({
   return (
     <BorderGradient
       gradientProps={{
-        colors: ['#FFFFFF00', '#FFFFFF'],
+        colors: ["#FFFFFF00", "#FFFFFF"],
         start: { x: 0.3, y: 0 },
         end: { x: 1, y: 1 },
         ...gradientProps,
@@ -32,15 +31,17 @@ const ItemContainer = ({
           : height,
 
         ...style,
-      }}>
+      }}
+    >
       <View style={styles.blurContainer}>
         <BlurView
-          intensity={Platform.OS !== 'ios' ? 80 : 40}
-          tint={isWeb ? 'light' : 'dark'}
+          intensity={Platform.select({
+            ios: 40,
+            android: 60,
+            web: 30,
+          })}
+          tint={"dark"}
           style={{ flex: 1, padding: 6 }}
-          // experimentalBlurMethod={
-          //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
-          // }
         >
           {children}
         </BlurView>
@@ -55,7 +56,7 @@ const styles = StyleSheet.create({
   borderGradientStyle: {
     borderWidth: 1,
     borderRadius: 20,
-    shadowColor: '#000',
+    shadowColor: "#000",
     shadowOffset: {
       width: 0,
       height: 2,
@@ -67,7 +68,7 @@ const styles = StyleSheet.create({
   blurContainer: {
     flex: 1,
     borderRadius: 20,
-    overflow: 'hidden',
+    overflow: "hidden",
     zIndex: 1,
   },
 });

src/components/ItemContainer/ItemContainer.web.js

@@ -1,4 +1,4 @@
-import { View, Text, StyleSheet, Platform } from "react-native";
+import { View, StyleSheet } from "react-native";
 import React, { useState } from "react";
 import BorderGradient from "../BorderGradient/BorderGradient";
 import { responsiveHeight } from "react-native-responsive-dimensions";
@@ -46,7 +46,7 @@ const ItemContainer = ({
         }}
       >
         <BlurView
-          intensity={Platform.OS !== "ios" ? 10 : 40}
+          intensity={30}
           tint="dark"
           style={{
             padding: 6,
@@ -55,9 +55,6 @@ const ItemContainer = ({
             alignSelf: "center",
             height: "99.2%",
           }}
-          // experimentalBlurMethod={
-          //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
-          // }
         >
           {children}
         </BlurView>