diff --git a/frontend/public/default_thumbnail.png b/frontend/public/default_thumbnail.png new file mode 100644 index 0000000..81eb652 Binary files /dev/null and b/frontend/public/default_thumbnail.png differ diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 03e1fa6..3b611f5 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -5,6 +5,8 @@ import ClipUpload from './pages/ClipUpload'; import ClipEdit from './pages/ClipEdit'; import Home from './pages/Home'; import {useEffect} from "react"; +import MyClips from './pages/MyClips'; +import VideoPlayer from "./pages/VideoPlayer.tsx"; function App() { @@ -19,6 +21,8 @@ function App() { } /> } /> } /> + } /> + } /> diff --git a/frontend/src/components/video/ClipConfig.tsx b/frontend/src/components/video/ConfigBox.tsx similarity index 97% rename from frontend/src/components/video/ClipConfig.tsx rename to frontend/src/components/video/ConfigBox.tsx index fe18d2c..42e5052 100644 --- a/frontend/src/components/video/ClipConfig.tsx +++ b/frontend/src/components/video/ConfigBox.tsx @@ -7,7 +7,7 @@ type prop = { className?: string; } -export default function ClipConfig({setMetadata, className}: prop) { +export default function ConfigBox({setMetadata, className}: prop) { const updateRes = (e: React.ChangeEvent) => { var vals = e.target.value.split(","); setMetadata((prevState: VideoMetadata) => ({ diff --git a/frontend/src/components/video/MetadataBox.tsx b/frontend/src/components/video/MetadataBox.tsx new file mode 100644 index 0000000..a69ba6c --- /dev/null +++ b/frontend/src/components/video/MetadataBox.tsx @@ -0,0 +1,41 @@ +import clsx from "clsx"; +import type {VideoMetadata} from "../../utils/types.ts"; +import Selector from "../Selector.tsx"; + +type MetadataBoxProps = { + setMetadata: Function + className?: string; +} + +const MetadataBox = ({setMetadata, className}: MetadataBoxProps) => { + return ( +
+

Metadata Settings

+ + + setMetadata((prevState: VideoMetadata) => ({ + ...prevState, + title: e.target.value + }))} + className={"border-black bg-gray-200 rounded-md w-full p-2"} + /> + + + +