colors web

src/screens/Profile/ChangeEmailAddress.js

@@ -1,18 +1,18 @@
-import { Platform, View } from "react-native";
-import React, { useEffect, useState } from "react";
-import Page from "../../layouts/Page";
-import { background } from "../../assets";
-import { gutters, Palette } from "../../styles";
-import { responsiveHeight } from "react-native-responsive-dimensions";
 import { BlurView } from "expo-blur";
-import EditInput from "./components/EditInput";
-import GradientButton from "../../components/GradientButton";
+import React, { useEffect, useState } from "react";
+import { Platform, Text, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
-import firebase, { usersRef } from "../../config/firebase";
-import { goBack } from "../../navigation/NavigationService";
 import { checkIfEmailIsValid } from "../../actions/signupActions";
-import { Text } from "react-native";
+import { background } from "../../assets";
+import GradientButton from "../../components/GradientButton";
+import firebase, { usersRef } from "../../config/firebase";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
+import { goBack } from "../../navigation/NavigationService";
+import { gutters, Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
+import EditInput from "./components/EditInput";
 
 const ChangeEmailAddress = () => {
   const [email, setEmail] = useState("");
@@ -91,7 +91,7 @@ const ChangeEmailAddress = () => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>

src/screens/Profile/ChangePassword.js

@@ -1,17 +1,18 @@
-import { View, Text, Pressable, Platform } from "react-native";
-import React, { useState } from "react";
-import Page from "../../layouts/Page";
-import { background } from "../../assets";
-import { gutters, Palette } from "../../styles";
-import { responsiveHeight } from "react-native-responsive-dimensions";
 import { BlurView } from "expo-blur";
-import EditInput from "./components/EditInput";
-import GradientButton from "../../components/GradientButton";
-import { FONT_FAMILY } from "../../styles/Fonts";
+import React, { useState } from "react";
+import { Platform, Pressable, Text, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
+import { background } from "../../assets";
+import GradientButton from "../../components/GradientButton";
 import firebase from "../../config/firebase";
-import { navigate } from "../../navigation/NavigationService";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
+import { navigate } from "../../navigation/NavigationService";
+import { gutters, Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import EditInput from "./components/EditInput";
 
 const ChangePassword = () => {
   const [oldPassword, setOldPassword] = useState("");
@@ -53,7 +54,7 @@ const ChangePassword = () => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>

src/screens/Profile/EditProfile.js

@@ -1,20 +1,15 @@
 import { BlurView } from "expo-blur";
+import { Image as ExpoImage } from "expo-image";
 import * as ImagePicker from "expo-image-picker";
 import React, { useEffect, useState } from "react";
-import {
-  Platform,
-  Pressable,
-  Text,
-  View,
-  Image as RNImage,
-} from "react-native";
-import { Image as ExpoImage } from "expo-image";
+import { Platform, Pressable, Text, View } from "react-native";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
 import { background, img } from "../../assets";
 import GradientButton from "../../components/GradientButton";
 import firebase, { serverTimestamp, usersRef } from "../../config/firebase";
 import { uploadFileToFirebase } from "../../helpers/uploadToFirebase";
+import { isWeb } from "../../hooks/useLayoutType";
 import Page from "../../layouts/Page";
 import { goBack } from "../../navigation/NavigationService";
 import { useUser } from "../../providers/UserDataProvider";
@@ -133,7 +128,7 @@ const EditProfile = () => {
         paddingBottom: gutters * 2,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>

src/screens/Profile/Language.js

@@ -1,13 +1,13 @@
-import { View, Text, Pressable, Platform } from "react-native";
-import React, { useState } from "react";
-import Page from "../../layouts/Page";
-import { background } from "../../assets";
-import { gutters, Palette } from "../../styles";
-import { responsiveHeight } from "react-native-responsive-dimensions";
 import { BlurView } from "expo-blur";
-import { FONT_FAMILY } from "../../styles/Fonts";
-import Style, { size } from "../../styles/Style";
+import React, { useState } from "react";
+import { Platform, Text, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
+import { background } from "../../assets";
 import AppCheckbox from "../../components/AppCheckbox";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
+import { gutters, Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
 
 const LANGUAGE = ["Anglais", "Français", "Chinois", "Japonais", "Coreen"];
 
@@ -23,7 +23,7 @@ const Language = () => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>

src/screens/Profile/Notifications.js

@@ -1,14 +1,15 @@
 /* eslint-disable react/display-name */
-import React, { useEffect, useGlobal } from "reactn";
-import Page from "../../layouts/Page";
-import { gutters, Palette, Style } from "../../styles";
-import { background } from "../../assets";
+import { BlurView } from "expo-blur";
+import { useState } from "react";
 import { Platform, Text, View } from "react-native";
 import { responsiveHeight } from "react-native-responsive-dimensions";
-import { BlurView } from "expo-blur";
+import React, { useEffect, useGlobal } from "reactn";
+import { background } from "../../assets";
 import Switch from "../../components/Switch";
-import { useState } from "react";
 import firebase, { usersRef } from "../../config/firebase";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
+import { gutters, Palette, Style } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 
 export default (props) => {
@@ -47,7 +48,7 @@ export default (props) => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>

src/screens/Profile/Profile.js

@@ -65,7 +65,7 @@ const Profile = () => {
         setFollowers(
           Array.isArray(currentUserData?.followedBy)
             ? currentUserData.followedBy.length
-            : 0,
+            : 0
         );
         return;
       }
@@ -139,8 +139,7 @@ const Profile = () => {
                 setSelectedProjectId(item.id);
                 setMenuPosition(posTop);
                 setShowMenu(
-                  (prev) =>
-                    !prev || posTop?.top !== (menuPosition?.top ?? null),
+                  (prev) => !prev || posTop?.top !== (menuPosition?.top ?? null)
                 );
               }}
             />

src/screens/Profile/Settings.js

@@ -1,15 +1,16 @@
-import { View } from "react-native";
 import React from "react";
-import Page from "../../layouts/Page";
-import { background } from "../../assets";
-import { gutters, Palette } from "../../styles";
+import { View } from "react-native";
+import { SheetManager } from "react-native-actions-sheet";
 import { responsiveHeight } from "react-native-responsive-dimensions";
+import { background } from "../../assets";
 import BlurItemButton from "../../components/BlurItemButton";
 import BorderGradientButton from "../../components/BorderGradientButton";
-import { SheetManager } from "react-native-actions-sheet";
-import { navigate } from "../../navigation/NavigationService";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
+import { navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
+import { gutters, Palette } from "../../styles";
 
 const SETTINGS = [
   {
@@ -63,7 +64,7 @@ const Settings = () => {
         paddingBottom: gutters * 2,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>