From 0a1e823ce407db2a6d5a01cf9eb3f389a57cd140 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 18 Apr 2024 19:16:30 -0500
Subject: [PATCH] feat: first developer mode enabling

---
 .../components/Model/components/Options.tsx   | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
index 3553edf89..5886528ea 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
@@ -7,6 +7,7 @@ import {
 import { Button, DropdownMenu, Flex } from '@radix-ui/themes';
 import { RefObject } from 'react';
 import { Pose, poseEvent } from '../../../../../../../core/blitzkrieg/pose';
+import { useApp } from '../../../../../../../stores/app';
 import mutateTankopediaPersistent, {
   mutateTankopediaTemporary,
   useTankopediaPersistent,
@@ -40,6 +41,7 @@ export function Options({ isFullScreen }: OptionsProps) {
   const environment = useTankopediaPersistent(
     (state) => state.model.visual.environment,
   );
+  const developerMode = useApp((state) => state.developerMode);
 
   return (
     <Flex
@@ -107,16 +109,18 @@ export function Options({ isFullScreen }: OptionsProps) {
             Green penetration
           </DropdownMenu.CheckboxItem>
 
-          <DropdownMenu.CheckboxItem
-            checked={wireframe}
-            onCheckedChange={(checked) => {
-              mutateTankopediaPersistent((draft) => {
-                draft.model.visual.wireframe = checked;
-              });
-            }}
-          >
-            Wireframe
-          </DropdownMenu.CheckboxItem>
+          {developerMode && (
+            <DropdownMenu.CheckboxItem
+              checked={wireframe}
+              onCheckedChange={(checked) => {
+                mutateTankopediaPersistent((draft) => {
+                  draft.model.visual.wireframe = checked;
+                });
+              }}
+            >
+              Wireframe
+            </DropdownMenu.CheckboxItem>
+          )}
 
           <DropdownMenu.CheckboxItem
             checked={opaque}