remove button at first and last module

calblueprint · Dec 7, 2024 · c61daf9 · c61daf9
1 parent 82b6148
commit c61daf9
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/screens/LegalRights/VideoPage/index.tsx b/src/screens/LegalRights/VideoPage/index.tsx
@@ -1,6 +1,7 @@
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { Image, Pressable, Text, View } from 'react-native';
 import { useVideoPlayer, VideoView } from 'expo-video';
+import { useFocusEffect } from '@react-navigation/native';
 import leftArrow from '@/assets/images/left-arrow.png';
 import rightArrow from '@/assets/images/right-arrow.png';
 import { LegalScreenProps } from '@/navigation/types';
@@ -65,11 +66,32 @@ export default function VideoPage({
     } catch {
       setTitle('Title');
     }
-  }, [index]); // run useEffect every time value of index changes
+  }, [index]);
+
+  // useFocusEffect(
+  //   React.useCallback(() => {
+  //     if (playerRef.current) {
+  //       playerRef.current.play();
+  //     }
+
+  //     return () => {
+  //       if (playerRef.current) {
+  //         playerRef.current.pause?.(); // Safe check for pause
+  //       }
+  //     };
+  //   }, []),
+  // );
 
   return (
     <View style={styles.container}>
-      <Pressable style={[styles.captionButtons]} onPress={prevPage}>
+      <Pressable
+        style={
+          index != 0
+            ? [styles.captionButtons]
+            : [styles.captionButtons, styles.noButton]
+        }
+        onPress={prevPage}
+      >
         <Image style={[styles.arrows]} source={leftArrow} />
         <Text style={styles.buttonText}>Back</Text>
       </Pressable>
@@ -87,7 +109,14 @@ export default function VideoPage({
         />
       </View>
 
-      <Pressable style={[styles.captionButtons]} onPress={nextPage}>
+      <Pressable
+        style={
+          index != preaData.length - 1
+            ? [styles.captionButtons]
+            : [styles.captionButtons, styles.noButton]
+        }
+        onPress={nextPage}
+      >
         <Text style={styles.buttonText}>Next</Text>
         <Image style={[styles.arrows]} source={rightArrow} />
       </Pressable>

diff --git a/src/screens/LegalRights/VideoPage/styles.ts b/src/screens/LegalRights/VideoPage/styles.ts
@@ -39,6 +39,9 @@ export const styles = StyleSheet.create({
     alignItems: 'center',
     boxShadow: '0px 2px 10px 1px rgba(0, 0, 0, 0.10)',
   },
+  noButton: {
+    opacity: 0,
+  },
   buttonText: {
     fontSize: 16,
     fontWeight: '500',