From 19717aeb7970b2832225929d31926e4e2ef81787 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 18 Feb 2024 16:18:56 -0600
Subject: [PATCH] feat: better environment ui

---
 .../components/Model/components/Options.tsx   | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 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 a45b63465..527f92a3f 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
@@ -93,11 +93,23 @@ export function Options({ isFullScreen, canvas }: OptionsProps) {
           >
             Green penetration
           </DropdownMenu.CheckboxItem>
+
+          <DropdownMenu.CheckboxItem
+            checked={showEnvironment}
+            onCheckedChange={(checked) => {
+              mutateTankopediaPersistent((draft) => {
+                draft.model.visual.showEnvironment = checked;
+              });
+            }}
+          >
+            View environment
+          </DropdownMenu.CheckboxItem>
+
           <DropdownMenu.Sub>
-            <DropdownMenu.SubTrigger>Environment</DropdownMenu.SubTrigger>
+            <DropdownMenu.SubTrigger>Lighting</DropdownMenu.SubTrigger>
 
             <DropdownMenu.SubContent>
-              <DropdownMenu.Label>Style</DropdownMenu.Label>
+              <DropdownMenu.Label>Preset</DropdownMenu.Label>
               <DropdownMenu.RadioGroup value={environment}>
                 {ENVIRONMENTS.map((environment) => (
                   <DropdownMenu.RadioItem
@@ -113,18 +125,6 @@ export function Options({ isFullScreen, canvas }: OptionsProps) {
                   </DropdownMenu.RadioItem>
                 ))}
               </DropdownMenu.RadioGroup>
-
-              <DropdownMenu.Label>Configuration</DropdownMenu.Label>
-              <DropdownMenu.CheckboxItem
-                checked={showEnvironment}
-                onCheckedChange={(checked) => {
-                  mutateTankopediaPersistent((draft) => {
-                    draft.model.visual.showEnvironment = checked;
-                  });
-                }}
-              >
-                Display
-              </DropdownMenu.CheckboxItem>
             </DropdownMenu.SubContent>
           </DropdownMenu.Sub>
         </DropdownMenu.Content>