From d56dee60ed4738e071d7d67bb8cebfd75f575ff9 Mon Sep 17 00:00:00 2001
From: Chahat Jain <chahatjain@Chahats-MacBook-Pro.local>
Date: Sun, 9 Oct 2022 16:12:30 +0530
Subject: [PATCH] #129:Made Video Upload Functionality eminent

---
 services/web/src/components/profile/profile.css | 14 ++++++++++++++
 services/web/src/components/profile/profile.js  |  6 +++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/services/web/src/components/profile/profile.css b/services/web/src/components/profile/profile.css
index 1d4e754d..e5538d78 100644
--- a/services/web/src/components/profile/profile.css
+++ b/services/web/src/components/profile/profile.css
@@ -23,4 +23,18 @@
 .more-icon{
   color: black;
   font-size: x-large;
+}
+
+.upload-video-button{
+  width: 100%;
+  height: 100%;
+  min-width: 900px;
+  align-items: center;
+  justify-content: center;
+  display:flex;
+  margin-top: 40px;
+  
+}
+.button{
+    align-items: center;
 }
\ No newline at end of file
diff --git a/services/web/src/components/profile/profile.js b/services/web/src/components/profile/profile.js
index 73ad84fb..ec193030 100644
--- a/services/web/src/components/profile/profile.js
+++ b/services/web/src/components/profile/profile.js
@@ -76,9 +76,9 @@ const Profile = (props) => {
         <Menu.Item key="3">Share Video with Community</Menu.Item>
       </Menu>
     ) : (
-      <Menu onClick={(key) => takeVideoAction(key)}>
-        <Menu.Item key="1">Upload Video</Menu.Item>
-      </Menu>
+      <div className="upload-video-button">
+      <Button className="button" type="text" onClick={() => videoInputRef.current.click()}>Upload Video</Button>
+      </div>
     );
   };