feat: fullscreen disabling on old browsers

src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx

@@ -19,6 +19,7 @@ export function Options({ isFullScreen, canvas }: OptionsProps) {
   const greenPenetration = useTankopedia(
     (state) => state.model.visual.greenPenetration,
   );
+  const fullScreenAvailable = document.fullscreenEnabled;
 
   return (
     <Flex
@@ -61,18 +62,20 @@ export function Options({ isFullScreen, canvas }: OptionsProps) {
         </DropdownMenu.Content>
       </DropdownMenu.Root>
 
-      <Button
+      {fullScreenAvailable && (
-        variant="ghost"
+        <Button
-        onClick={() => {
+          variant="ghost"
-          if (isFullScreen) {
+          onClick={() => {
-            document.exitFullscreen();
+            if (isFullScreen) {
-          } else {
+              document.exitFullscreen();
-            canvas.current?.requestFullscreen();
+            } else {
-          }
+              canvas.current?.requestFullscreen();
-        }}
+            }
-      >
+          }}
-        {isFullScreen ? <ExitFullScreenIcon /> : <EnterFullScreenIcon />}
+        >
-      </Button>
+          {isFullScreen ? <ExitFullScreenIcon /> : <EnterFullScreenIcon />}
+        </Button>
+      )}
     </Flex>
   );
 }