check if timestamps exits

src/screens/Playback/RecordPlayback.js

@@ -2,7 +2,7 @@ import { useFocusEffect } from "@react-navigation/native";
 import { useAudioPlayer } from "expo-audio";
 import { CameraView, useCameraPermissions } from "expo-camera";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Platform, Text, View } from "react-native";
+import { Text, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import Svg, { Circle } from "react-native-svg";
 import GradientButton from "../../components/GradientButton";
@@ -25,7 +25,7 @@ import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 const TIME_BEFORE_INCREMENT_MS = 20000; // 20s
 
 const RecordPlayback = ({ route }) => {
-  const { top } = useSafeAreaInsets();
+  const { top, bottom } = useSafeAreaInsets();
   const { project } = route.params || {};
 
   // Permissions
@@ -298,22 +298,6 @@ const RecordPlayback = ({ route }) => {
           <MusicLandHeader progress={9} onPressBack={goBack} />
 
           <View style={{ flex: 1, marginTop: 11 }}>
-            <CreateLyricsHeader
-              disableBlur={Platform.OS !== "ios"}
-              containerStyle={{ backgroundColor: Palette.ultraLightBlack }}
-            >
-              <Text
-                style={{
-                  fontSize: 16,
-                  color: Palette.white,
-                  fontFamily: FONT_FAMILY.InterMedium,
-                }}
-              >
-                L'enregistrement de ta vidéo commencera lorsque tu lanceras ta
-                musique, et s'arrêtera à la fin du morceau.
-              </Text>
-            </CreateLyricsHeader>
-
             {/* Overlay de compte à rebours : on affiche 5→1 pour éviter l'effet visuel à 1 */}
             {isPreparing && countdown >= 1 && !showProgress && (
               <View
@@ -417,6 +401,33 @@ const RecordPlayback = ({ route }) => {
           )}
         </View>
       </CameraView>
+      {/* CreateLyricsHeader overlay outside of CameraView */}
+      <View
+        pointerEvents="box-none"
+        style={{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          bottom: bottom + 100,
+          paddingHorizontal: gutters,
+        }}
+      >
+        <CreateLyricsHeader
+        // disableBlur={Platform.OS !== "ios"}
+        // containerStyle={{ backgroundColor: Palette.ultraLightBlack }}
+        >
+          <Text
+            style={{
+              fontSize: 16,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.InterMedium,
+            }}
+          >
+            L'enregistrement de ta vidéo commencera lorsque tu lanceras ta
+            musique, et s'arrêtera à la fin du morceau.
+          </Text>
+        </CreateLyricsHeader>
+      </View>
     </View>
   );
 };