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 ( - { - mutateTankopediaPersistent((draft) => { - draft.model.visual.wireframe = checked; - }); - }} - > - Wireframe - + {developerMode && ( + { + mutateTankopediaPersistent((draft) => { + draft.model.visual.wireframe = checked; + }); + }} + > + Wireframe + + )}