exit full screen button tooltip text and icon

simularium · Sep 3, 2024 · 4150484 · 4150484
1 parent 406f3b4
commit 4150484
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/containers/ViewerPanel/index.tsx b/src/containers/ViewerPanel/index.tsx
@@ -48,7 +48,7 @@ import RecordMoviesComponent from "../../components/RecordMoviesComponent";
 import CameraControls from "../../components/CameraControls";
 import ScaleBar from "../../components/ScaleBar";
 import ViewportButton from "../../components/ViewportButton";
-import { FullScreen } from "../../components/Icons";
+import { ExitFullScreen, FullScreen } from "../../components/Icons";
 import { EMBED_PATHNAME, TUTORIAL_PATHNAME } from "../../routes";
 import ErrorNotification from "../../components/ErrorNotification";
 import {
@@ -532,6 +532,7 @@ class ViewerPanel extends React.Component<ViewerPanelProps, ViewerPanelState> {
             setError,
             scaleBarLabel,
             movieTitle,
+            embedFullscreen,
         } = this.props;
         const {
             minimalCameraControls,
@@ -622,9 +623,17 @@ class ViewerPanel extends React.Component<ViewerPanelProps, ViewerPanelState> {
                         )}
                         {location.pathname === EMBED_PATHNAME && (
                             <ViewportButton
-                                tooltipText="Fullscreen"
+                                tooltipText={
+                                    embedFullscreen
+                                        ? "Exit Fullscreen"
+                                        : "Fullscreen"
+                                }
                                 tooltipPlacement="top"
-                                icon={FullScreen}
+                                icon={
+                                    embedFullscreen
+                                        ? ExitFullScreen
+                                        : FullScreen
+                                }
                                 clickHandler={this.toggleFullscreen}
                             />
                         )}