fix: update logic

mynaparrot · Jan 21, 2025 · f86cef6 · f86cef6
1 parent 49cba8c
commit f86cef6
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/src/components/main-area/mainComponents.tsx b/src/components/main-area/mainComponents.tsx
@@ -226,29 +226,35 @@ const MainComponents = ({
       cssClasses.push(
         'middle-fullscreen-wrapper share-screen-wrapper is-share-screen-running',
       );
-      if (showVideoElms && showVerticalVideoView) {
-        cssClasses.push('verticalsWebcamsActivated');
+      if (showVideoElms) {
+        if (showVerticalVideoView) {
+          cssClasses.push('verticalsWebcamsActivated');
+        }
         if (isEnabledExtendedVerticalCamView) {
           cssClasses.push('extendedVerticalCamView');
         }
+        if (pinCamUserId) {
+          cssClasses.push('pinWebcamActivated');
+        }
       }
     } else {
-      if (showVideoElms && !showVerticalVideoView) {
+      if (showVideoElms && !showVerticalVideoView && !pinCamUserId) {
         cssClasses.push('h-full');
-      } else if (showVideoElms && showVerticalVideoView) {
-        cssClasses.push(
-          'middle-fullscreen-wrapper h-full flex verticalsWebcamsActivated',
-        );
+      } else if (showVideoElms) {
+        cssClasses.push('middle-fullscreen-wrapper h-full flex');
+        if (showVerticalVideoView) {
+          cssClasses.push('verticalsWebcamsActivated');
+        }
         if (isEnabledExtendedVerticalCamView) {
           cssClasses.push('extendedVerticalCamView');
         }
+        if (pinCamUserId) {
+          cssClasses.push('pinWebcamActivated');
+        }
       } else {
         cssClasses.push('middle-fullscreen-wrapper h-full flex w-full');
       }
     }
-    if (showVideoElms && pinCamUserId) {
-      cssClasses.push('pinWebcamActivated');
-    }
     return cssClasses.join(' ');
   }, [
     isActiveScreenSharingView,