Loading video...
@@ -319,11 +340,11 @@ const VideoPlayer = () => {
)}
- {clip?.title || "(No Title)"}
+ {item?.title || "(No Title)"}
{timeAgo}
);
};
-export default VideoPlayer;
+export default MediaPlayer;
diff --git a/frontend/src/pages/VodPlayer.tsx b/frontend/src/pages/VodPlayer.tsx
deleted file mode 100644
index 22c703b..0000000
--- a/frontend/src/pages/VodPlayer.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useNavigate, useParams } from "react-router-dom";
-import { ArrowLeft, Lock, Maximize, Minimize, Pause, Play, Volume1, Volume2, VolumeX } from "lucide-react";
-import type { Vod } from "../utils/types";
-import { AuthError } from "../utils/api/client.ts";
-import { getVodById, getVodBlob } from "../utils/api/vods.ts";
-import Box from "../components/Box.tsx";
-import { dateToTimeAgo, formatTime, stringToDate } from "../utils/utils.ts";
-
-const VodPlayer = () => {
- const { id } = useParams();
- const navigate = useNavigate();
-
- const videoRef = useRef