readme

app/digital/components/ResourceNavigation.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useMemo, useSyncExternalStore } from "react";
 import { useTranslation } from "@/app/digital/i18n/navigation";
+import { mediaUrl } from "@/app/lib/media";
 import type { ResourceData } from "@/app/digital/lib/theme-data";
 import DigitalThemeIcon, { type IconName } from "./DigitalThemeIcon";
 
@@ -98,7 +99,7 @@ export default function ResourceNavigation({ data }: ResourceNavigationProps) {
                 style={{ aspectRatio: "2/3" }}
               >
                 <img
-                  src={book.cover}
+                  src={mediaUrl(book.cover)}
                   alt={book.title}
                   className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
                 />
@@ -167,7 +168,7 @@ export default function ResourceNavigation({ data }: ResourceNavigationProps) {
                 style={{ aspectRatio: "1/1" }}
               >
                 <img
-                  src={product.image}
+                  src={mediaUrl(product.image)}
                   alt={product.name}
                   className="h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
                 />

app/digital/components/course/VideoPlayer.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useRef, useState } from "react";
+import { mediaUrl } from "@/app/lib/media";
 
 const STORAGE_PREFIX = "lms-video-";
 const SAVE_INTERVAL = 5000;
@@ -215,8 +216,8 @@ export function VideoPlayer({ src, poster, title, className = "", videoId, onCom
     >
       <video
         ref={videoRef}
-        src={src}
-        poster={poster}
+        src={mediaUrl(src)}
+        poster={mediaUrl(poster)}
         title={title}
         className="aspect-video w-full object-contain"
         onClick={togglePlay}