fixes

src/components/modal/ShareModal.js

@@ -231,13 +231,13 @@ const ShareModal = ({ payload }) => {
           intensity={40}
           {...blurProps}
         >
-          <Pressable
+          {/* <Pressable
             onPress={closeSheet}
             style={styles.closeButton}
             hitSlop={8}
           >
             <Feather name="x" size={18} color={Palette.white} />
-          </Pressable>
+          </Pressable> */}
           <Text style={styles.heading}>{heading}</Text>
           <View style={styles.linkRow}>
             <Text numberOfLines={1} style={styles.linkText}>

src/components/modal/ShareQrModal.js

@@ -1,4 +1,3 @@
-import { Feather } from "@expo/vector-icons";
 import { Portal } from "@gorhom/portal";
 import { BlurView } from "expo-blur";
 import React, { useMemo } from "react";
@@ -36,13 +35,13 @@ const ShareQrModal = ({
             tint="dark"
             style={styles.modalCard}
           >
-            <Pressable
+            {/* <Pressable
               onPress={onClose}
               style={styles.closeButton}
               hitSlop={10}
             >
               <Feather name="x" size={20} color={Palette.white} />
-            </Pressable>
+            </Pressable> */}
 
             <View style={styles.content}>
               <Text style={styles.title}>{title}</Text>

src/screens/Home/Home.js

@@ -6,6 +6,7 @@ import React, {
   useState,
 } from "react";
 import { Alert, Platform, StyleSheet, View } from "react-native";
+import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import FeatureCarousel from "../../components/FeatureCarousel/FeatureCarousel";
@@ -13,10 +14,10 @@ import GradientButton from "../../components/GradientButton";
 import MoreMenu from "../../components/MoreMenu";
 import ProjectDropDown from "../../components/ProjectDropDown/ProjectDropDown";
 import ShareBtn from "../../components/ShareBtn/ShareBtn";
+import { projectsRef } from "../../config/firebase";
 import { isWeb } from "../../hooks/useLayoutType.js";
 import Page from "../../layouts/Page";
 import { navigate } from "../../navigation/NavigationService";
-import { projectsRef } from "../../config/firebase";
 import { useUser } from "../../providers/UserDataProvider";
 import { gutters, Palette } from "../../styles";
 import {
@@ -24,7 +25,6 @@ import {
   getCreationStageStates,
   getStageAction,
 } from "../../utils/projectStages";
-import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 
 const Home = () => {
   const {
@@ -38,7 +38,7 @@ const Home = () => {
 
   const projects = useMemo(
     () => (Array.isArray(userProjects) ? userProjects : []),
-    [userProjects],
+    [userProjects]
   );
 
   const currentProject = useMemo(() => {
@@ -71,7 +71,7 @@ const Home = () => {
 
   const stageStates = useMemo(
     () => getCreationStageStates(currentProject),
-    [currentProject],
+    [currentProject]
   );
 
   const firstUnlockedIndex = useMemo(() => {
@@ -105,7 +105,7 @@ const Home = () => {
       selectProject(project.id);
       setActiveStageIndex(findFirstUnlockedStageIndex(project));
     },
-    [selectProject],
+    [selectProject]
   );
 
   const handleCloseMenu = useCallback(() => {
@@ -173,7 +173,7 @@ const Home = () => {
                 },
               },
             ],
-            { cancelable: true },
+            { cancelable: true }
           ),
       },
     ];
@@ -219,7 +219,7 @@ const Home = () => {
 
   const songwriterAction = useMemo(
     () => getStageAction("songwriter", null),
-    [],
+    []
   );
 
   const handleStartNew = useCallback(() => {
@@ -229,7 +229,7 @@ const Home = () => {
       console.log(
         "navigating to",
         songwriterAction.route,
-        songwriterAction.params,
+        songwriterAction.params
       );
       navigate(songwriterAction.route, songwriterAction.params);
     }
@@ -303,6 +303,12 @@ const Home = () => {
             onPress={handleStageAction}
             disabled={continueDisabled}
           />
+          {/* <BorderGradientButton
+            containerStyle={{ width: Platform.OS === "web" ? 250 : "100%" }}
+            title={"Continuer la création"}
+            onPress={() => navigate(Routes.SongReady)}
+            disabled={continueDisabled}
+          /> */}
         </View>
       </View>
     </Page>

src/screens/Playbacks/components/PlaybackItem.web.js

@@ -54,7 +54,7 @@ const PlaybackItem = ({
     width: viewportWidth,
     height: viewportHeight,
   });
-  const [openComments, setOpenComments] = useState(false);
+  const [openComments, setOpenComments] = useState(true);
   const commentInputRef = useRef(null);
   const { currentUID, followUser, unfollowUser } = useUser() || {};
 
@@ -594,9 +594,7 @@ const PlaybackItem = ({
                 )}
               </Pressable>
               <Pressable
-                onPress={() => {
-                  setOpenComments((v) => !v);
-                }}
+                onPress={() => {}}
                 style={[styles.actionButton, styles.actionSpacing]}
               >
                 <Image

src/screens/Studio/SongReady.js

@@ -159,7 +159,7 @@ const SongReady = () => {
   }, [player0, player1]);
 
   return (
-    <Page headerType="NONE" backgroundImg={background.studioBG2}>
+    <Page headerType="NONE" backgroundImg={background.studioBG2} maxWidth={800}>
       <MusicLandHeader
         onPressBack={async () => {
           try {

src/screens/Writing/Goals.js

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from "react";
-import { StyleSheet, View } from "react-native";
+import { Platform, StyleSheet, View } from "react-native";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import ListSelection from "../../components/ListSelection/ListSelection";
 import { GOALS, OTHER_OBJECTIVE_OPTION } from "../../data/data";
@@ -56,6 +56,7 @@ const Goals = ({
         placeholder="Décrire l’objectif"
         value={otherObjective}
         setValue={handleOtherObjectiveChange}
+        height={Platform.OS === "web" ? 160 : undefined}
       />
     </View>
   );