diff --git a/src/components/wired-tools/WiredCreatorToolsView.tsx b/src/components/wired-tools/WiredCreatorToolsView.tsx index 5ada188..f5cefcd 100644 --- a/src/components/wired-tools/WiredCreatorToolsView.tsx +++ b/src/components/wired-tools/WiredCreatorToolsView.tsx @@ -77,8 +77,10 @@ export const WiredCreatorToolsView: FC<{}> = () => const setIsManagedGiveOpen = useWiredCreatorToolsUiStore(s => s.setIsManagedGiveOpen); const [ managedGiveVariableItemId, setManagedGiveVariableItemId ] = useState(0); const [ managedGiveValue, setManagedGiveValue ] = useState('0'); - const [ isVariableHighlightActive, setIsVariableHighlightActive ] = useState(false); - const [ variableHighlightOverlays, setVariableHighlightOverlays ] = useState([]); + const isVariableHighlightActive = useWiredCreatorToolsUiStore(s => s.isVariableHighlightActive); + const setIsVariableHighlightActive = useWiredCreatorToolsUiStore(s => s.setIsVariableHighlightActive); + const variableHighlightOverlays = useWiredCreatorToolsUiStore(s => s.variableHighlightOverlays); + const setVariableHighlightOverlays = useWiredCreatorToolsUiStore(s => s.setVariableHighlightOverlays); const variableHighlightObjectsRef = useRef>([]); const shouldPauseVariableSnapshotRefresh = (!!editingVariable || !!editingManagedHolderVariableId || isInspectionGiveOpen || isManagedGiveOpen); const [ selectedVariableKeys, setSelectedVariableKeys ] = useState>({ @@ -3145,8 +3147,6 @@ export const WiredCreatorToolsView: FC<{}> = () => selectedVariableDefinition={ selectedVariableDefinition } onPickVariable={ key => setSelectedVariableKeys(prev => ({ ...prev, [variablesType]: key })) } canVariableHighlight={ canVariableHighlight } - isVariableHighlightActive={ isVariableHighlightActive } - onToggleVariableHighlight={ () => setIsVariableHighlightActive(value => !value) } variableManageCanOpen={ variableManageCanOpen } onOpenManagePanel={ () => { diff --git a/src/components/wired-tools/WiredVariablesTabView.tsx b/src/components/wired-tools/WiredVariablesTabView.tsx index 2ca1ed9..163a53d 100644 --- a/src/components/wired-tools/WiredVariablesTabView.tsx +++ b/src/components/wired-tools/WiredVariablesTabView.tsx @@ -10,8 +10,6 @@ export interface WiredVariablesTabViewProps selectedVariableDefinition: VariableDefinition | null; onPickVariable: (key: string) => void; canVariableHighlight: boolean; - isVariableHighlightActive: boolean; - onToggleVariableHighlight: () => void; variableManageCanOpen: boolean; onOpenManagePanel: () => void; selectedVariableProperties: { key: string; value: string; }[]; @@ -30,8 +28,6 @@ export const WiredVariablesTabView: FC = ({ selectedVariableDefinition, onPickVariable, canVariableHighlight, - isVariableHighlightActive, - onToggleVariableHighlight, variableManageCanOpen, onOpenManagePanel, selectedVariableProperties, @@ -40,6 +36,8 @@ export const WiredVariablesTabView: FC = ({ { const variablesType = useWiredCreatorToolsUiStore(s => s.variablesType); const setVariablesType = useWiredCreatorToolsUiStore(s => s.setVariablesType); + const isVariableHighlightActive = useWiredCreatorToolsUiStore(s => s.isVariableHighlightActive); + const setIsVariableHighlightActive = useWiredCreatorToolsUiStore(s => s.setIsVariableHighlightActive); return (
@@ -83,7 +81,7 @@ export const WiredVariablesTabView: FC = ({