videoslider theme

components/ModuleDetail/VideoSlider/VideoSlider.tsx

@@ -14,14 +14,14 @@ interface VideoListProps {
   chapter?: Chapter;
 }
 
-function VideoList({ chapter }: VideoListProps) {
-  const themeContext = useThemeContext();
+export default function VideoList({ chapter }: VideoListProps) {
+  const {theme} = useThemeContext();
 
   return (
     <div className={styles.container}>
       <h3
         className={`${
-          themeContext.theme === "light"
+          theme === "light"
             ? styles.lightModeText
             : styles.darkModeText
         }`}
@@ -41,5 +41,3 @@ function VideoList({ chapter }: VideoListProps) {
     </div>
   );
 }
-
-export default VideoList;