added participants sidebar close on video select for mobile devices

darylbg · Sep 10, 2023 · af5ca0f · af5ca0f
1 parent 4b46e52
commit af5ca0f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -103,8 +103,7 @@ function App() {
       setSidebarToggle("75%");
     } else {
       setSidebarToggle("0%");
-    }
-
+    } 
   };
 
   const handleSidebarToggleOff = (e) => {
@@ -118,6 +117,10 @@ function App() {
     const selectedId = e.currentTarget.getAttribute("data-id");
     setVideoId(selectedId);
     setIsVideoVisible(true);
+
+    if (viewportWidth < 760) {
+      setSidebarToggle("100%");
+    }
   };
 
   const handleVideoViewRemove = (e) => {

diff --git a/src/sections/Participants.jsx b/src/sections/Participants.jsx
@@ -14,7 +14,7 @@ function Participants({
   videoNameValue,
   setVideoNameValue,
   toggleVideoView,
-  handleDateFormat
+  handleDateFormat,
 }) {
   const [searchResults, setSearchResults] = useState([]);
   const [inputValue, setInputValue] = useState("");