From 6bd3a885fadec9950cea5e6f6e1bc2de2ac1792a Mon Sep 17 00:00:00 2001
From: Ellie Re'em <eleanor.reem@hotmail.co.uk>
Date: Tue, 24 Dec 2024 18:31:00 +0000
Subject: [PATCH] feat: make lightmode optional for video

---
 components/video/Video.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/video/Video.tsx b/components/video/Video.tsx
index 87794792..9cc41ab9 100644
--- a/components/video/Video.tsx
+++ b/components/video/Video.tsx
@@ -26,6 +26,7 @@ interface VideoProps {
   containerStyles?: SxProps<Theme>;
   setVideoStarted?: Dispatch<SetStateAction<boolean>>;
   setVideoFinished?: Dispatch<SetStateAction<boolean>>;
+  lightMode?: boolean;
 }
 
 const Video = (props: VideoProps) => {
@@ -37,7 +38,9 @@ const Video = (props: VideoProps) => {
     containerStyles,
     setVideoStarted,
     setVideoFinished,
+    lightMode = true,
   } = props;
+
   const [videoDuration, setVideoDuration] = useState<number>(0);
   const [videoCompleted, setVideoCompleted] = useState<boolean>(false);
   const [videoTimePlayed, setVideoTimePlayed] = useState<number>(0);
@@ -112,7 +115,7 @@ const Video = (props: VideoProps) => {
       <Box sx={videoContainerStyle}>
         <ReactPlayer
           ref={player}
-          light={true}
+          light={lightMode}
           onDuration={(duration) => setVideoDuration(duration)}
           onStart={videoStarted}
           onEnded={videoEnded}