minor fix

src/screens/Profile/Profile.js

@@ -1,31 +1,31 @@
-import {
-  View,
-  Text,
-  Pressable,
-  Image,
-  FlatList,
-  StyleSheet,
-  Platform,
-} from "react-native";
-import React, { useState } from "react";
-import Page from "../../layouts/Page";
-import { background, icons, img } from "../../assets";
 import { BlurView } from "expo-blur";
+import React, { useState } from "react";
+import {
+  FlatList,
+  Image,
+  Platform,
+  Pressable,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} from "react-native";
+import { SheetManager } from "react-native-actions-sheet";
 import { responsiveHeight } from "react-native-responsive-dimensions";
-import Style, { gutters, size } from "../../styles/Style";
+import { useGlobal } from "reactn";
+import { background, icons, img } from "../../assets";
+import alert from "../../components/Alert";
+import BorderGradient from "../../components/BorderGradient/BorderGradient";
+import MoreMenu from "../../components/MoreMenu";
+import { projectsRef } from "../../config/firebase";
+import Page from "../../layouts/Page";
+import { Routes } from "../../navigation";
+import { navigate } from "../../navigation/NavigationService";
+import { useUser } from "../../providers/UserDataProvider";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
-import BorderGradient from "../../components/BorderGradient/BorderGradient";
+import Style, { gutters, size } from "../../styles/Style";
 import MusicCard from "../Library/components/MusicCard";
-import MoreMenu from "../../components/MoreMenu";
-import { useUser } from "../../providers/UserDataProvider";
-import { SheetManager } from "react-native-actions-sheet";
-import { navigate } from "../../navigation/NavigationService";
-import { Routes } from "../../navigation";
-import { useGlobal } from "reactn";
-import Animated, { Easing, FadeIn, FadeOut } from "react-native-reanimated";
-import alert from "../../components/Alert";
-import { projectsRef } from "../../config/firebase";
 
 const Profile = () => {
   const [selected, setSelected] = useState("Chansons");
@@ -53,7 +53,7 @@ const Profile = () => {
       }}
       rightComponent={() => (
         <Pressable onPress={() => SheetManager.show("ProfileSettings")}>
-          <Image source={icons.more} />
+          <Image source={icons.more} style={{ ...size({ size: 24 }) }} />
         </Pressable>
       )}
     >
@@ -183,7 +183,7 @@ const Profile = () => {
           </View>
         )}
         {selected === "Chansons" && (
-          <View style={{ flex: 1 }}>
+          <ScrollView style={{ flex: 1 }}>
             <FlatList
               data={Array.isArray(userProjects) ? userProjects : []}
               contentContainerStyle={{
@@ -229,7 +229,10 @@ const Profile = () => {
                             try {
                               if (!selectedProjectId) return;
                               await projectsRef.doc(selectedProjectId).delete();
-                              setTooltip({ type: "success", text: "Projet supprimé" });
+                              setTooltip({
+                                type: "success",
+                                text: "Projet supprimé",
+                              });
                             } catch (e) {
                               setTooltip({
                                 type: "error",
@@ -239,12 +242,12 @@ const Profile = () => {
                           },
                         },
                       ],
-                      { cancelable: true },
+                      { cancelable: true }
                     ),
                 },
               ]}
             />
-          </View>
+          </ScrollView>
         )}
       </View>
     </Page>