Put fullscreen toggle behind feature switch for vscode-wardleymaps.

damonsk · Jan 6, 2024 · b8ef17c · b8ef17c
1 parent 330d307
commit b8ef17c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/frontend/src/components/map/MapView.js b/frontend/src/components/map/MapView.js
@@ -3,8 +3,9 @@ import React from 'react';
 import MapCanvas from './MapCanvas';
 import FullscreenIcon from '@mui/icons-material/Fullscreen';
 import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
-
+import { useFeatureSwitches } from '../FeatureSwitchesContext';
 export default function MapView(props) {
+	const featureSwitches = useFeatureSwitches();
 	const fill = {
 		wardley: 'url(#wardleyGradient)',
 		colour: 'none',
@@ -46,22 +47,24 @@ export default function MapView(props) {
 				<div id="map">
 					<MapCanvas mapPadding={20} {...props} />
 				</div>
-				<IconButton
-					onClick={props.shouldHideNav}
-					color={textColour[props.mapStyleDefs.className]}
-					aria-label={props.hideNav ? 'Exit Fullscreen' : 'Fullscreen'}
-					sx={{ position: 'absolute', right: '10px', top: '0' }}
-				>
-					{props.hideNav ? (
-						<FullscreenExitIcon
-							sx={{ color: textColour[props.mapStyleDefs.className] }}
-						/>
-					) : (
-						<FullscreenIcon
-							sx={{ color: textColour[props.mapStyleDefs.className] }}
-						/>
-					)}
-				</IconButton>
+				{featureSwitches.showToggleFullscreen && (
+					<IconButton
+						onClick={props.shouldHideNav}
+						color={textColour[props.mapStyleDefs.className]}
+						aria-label={props.hideNav ? 'Exit Fullscreen' : 'Fullscreen'}
+						sx={{ position: 'absolute', right: '10px', top: '0' }}
+					>
+						{props.hideNav ? (
+							<FullscreenExitIcon
+								sx={{ color: textColour[props.mapStyleDefs.className] }}
+							/>
+						) : (
+							<FullscreenIcon
+								sx={{ color: textColour[props.mapStyleDefs.className] }}
+							/>
+						)}
+					</IconButton>
+				)}
 			</div>
 		</>
 	);

diff --git a/frontend/src/constants/featureswitches.js b/frontend/src/constants/featureswitches.js
@@ -4,4 +4,5 @@ export const featureSwitches = {
 	enableLinkContext: true,
 	enableAccelerators: true,
 	enableDoubleClickRename: true,
+	showToggleFullscreen: true,
 };