From f56665eee4ff6839364639b6d237e1d2a3901381 Mon Sep 17 00:00:00 2001
From: "colin-codegen[bot]"
 <137733214+colin-codegen[bot]@users.noreply.github.com>
Date: Mon, 21 Aug 2023 21:05:54 +0000
Subject: [PATCH 1/2] Implemented a simple video upload component

---
 src/components/VideoUpload.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/components/VideoUpload.js

diff --git a/src/components/VideoUpload.js b/src/components/VideoUpload.js
new file mode 100644
index 0000000..c8e506a
--- /dev/null
+++ b/src/components/VideoUpload.js
@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+export default function VideoUpload() {
+  const [selectedVideo, setSelectedVideo] = useState(null);
+
+  const handleVideoChange = (e) => {
+    setSelectedVideo(e.target.files[0]);
+  };
+
+  return (
+    <div>
+      <input type="file" accept="video/*" onChange={handleVideoChange} />
+    </div>
+  );
+}

From 3f3f30009cf05dfc2a5db3592123b62a7e881de8 Mon Sep 17 00:00:00 2001
From: "colin-codegen[bot]"
 <137733214+colin-codegen[bot]@users.noreply.github.com>
Date: Tue, 22 Aug 2023 20:27:58 +0000
Subject: [PATCH 2/2] Added debug logging for video selection

---
 src/components/VideoUpload.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoUpload.js b/src/components/VideoUpload.js
index c8e506a..0e338f2 100644
--- a/src/components/VideoUpload.js
+++ b/src/components/VideoUpload.js
@@ -3,10 +3,12 @@ import { useState } from 'react';
 export default function VideoUpload() {
   const [selectedVideo, setSelectedVideo] = useState(null);
 
-  const handleVideoChange = (e) => {
+    const handleVideoChange = (e) => {
     setSelectedVideo(e.target.files[0]);
+    console.log(`Selected video: ${e.target.files[0].name}. Type: ${e.target.files[0].type}`);
   };
 
+
   return (
     <div>
       <input type="file" accept="video/*" onChange={handleVideoChange} />