add demo video

dasmy · Mar 8, 2024 · 3f63d48 · 3f63d48
1 parent bb5dab6
commit 3f63d48
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -10,6 +10,9 @@ Read the [blog post](https://ricklamers.io/posts/gpt-code) to find out more.
 ## User interface
 ![User Interface](UserInterface.png)
 
+## Demo Video
+![Demo Video](frontend/public/assets/GPT Code UI.mp4)
+
 ## Features
 - File upload
 - File download

diff --git a/frontend/public/assets/GPT Code UI.mp4 b/frontend/public/assets/GPT Code UI.mp4
diff --git a/frontend/src/components/Documentation.tsx b/frontend/src/components/Documentation.tsx
@@ -13,7 +13,7 @@ import ReactMarkdown from 'react-markdown';
 import ReceiptLongIcon from '@mui/icons-material/ReceiptLong';
 import VideoChatIcon from '@mui/icons-material/VideoChat';
 import ListAltIcon from '@mui/icons-material/ListAlt';
-// TODO: import demo_video from "../../public/assets/DemoVideo.mp4";
+import demo_video from "../../public/assets/GPT Code UI.mp4";
 import disclaimer from "../../public/assets/Disclaimer.md"
 import changelog from "../../public/assets/Changelog.md"
 
@@ -33,7 +33,7 @@ export default function Documentation() {
         <DialogContent sx={{ display: 'flex', flexDirection: 'column' }}>
           <FormControl fullWidth>
             <ReactPlayer
-              // url={demo_video}
+              url={demo_video}
               controls={true}
               width="90vw"
               height="min(50vw, 85vh)"