diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx index ffc2ab1..5b7a06e 100644 --- a/frontend/src/components/video/VideoCard.tsx +++ b/frontend/src/components/video/VideoCard.tsx @@ -13,6 +13,7 @@ type VideoCardProps = { } const fallbackThumbnail = "../../../public/default_thumbnail.png"; +const API_URL = import.meta.env.VITE_API_URL; const VideoCard = ({ id, @@ -45,7 +46,7 @@ const VideoCard = ({
Video Thumbnail diff --git a/frontend/src/pages/ClipEdit.tsx b/frontend/src/pages/ClipEdit.tsx index f9b3fad..ffc9814 100644 --- a/frontend/src/pages/ClipEdit.tsx +++ b/frontend/src/pages/ClipEdit.tsx @@ -10,10 +10,12 @@ import type { VideoMetadata } from "../utils/types.ts"; import Box from "../components/Box.tsx"; import MetadataBox from "../components/video/MetadataBox.tsx"; +const API_URL = import.meta.env.VITE_API_URL; + const ClipEdit = () => { const { id } = useParams(); const videoRef = useRef(null); - const videoUrl = `/api/v1/download/input/${id}` + const videoUrl = API_URL + `/api/v1/download/input/${id}` const [metadata, setMetadata] = useState(null); const [playbackValue, setPlaybackValue] = useState(0); const [outputMetadata, setOutputMetadata] = useState({ @@ -65,7 +67,7 @@ const ClipEdit = () => { } const handleDownload = async () => { - const response = await fetch(`/api/v1/download/output/${id}`); + const response = await fetch(API_URL + `/api/v1/download/output/${id}`); if (!response.ok) { console.error('Download failed');