fix(ui): tidy remaining selectors

These were just using overly verbose syntax - like explicitly typing `state: RootState`, which is unnecessary.

invokeai/frontend/web/src/features/nodes/components/flow/AddNodePopover/AddNodePopover.tsx

@@ -20,7 +20,8 @@ import { useBuildNode } from 'features/nodes/hooks/useBuildNode';
 import {
   addNodePopoverClosed,
   addNodePopoverOpened,
-  nodeAdded } from 'features/nodes/store/nodesSlice';
+  nodeAdded,
+} from 'features/nodes/store/nodesSlice';
 import { selectNodeTemplatesSlice } from 'features/nodes/store/nodeTemplatesSlice';
 import { validateSourceAndTargetTypes } from 'features/nodes/store/util/validateSourceAndTargetTypes';
 import { filter, map, memoize, some } from 'lodash-es';
@@ -66,9 +67,7 @@ const AddNodePopover = () => {
   const selectRef = useRef<SelectInstance<InvSelectOption> | null>(null);
   const inputRef = useRef<HTMLInputElement>(null);
 
-  const fieldFilter = useAppSelector(
-    (s) => s.nodes.connectionStartFieldType
-  );
+  const fieldFilter = useAppSelector((s) => s.nodes.connectionStartFieldType);
   const handleFilter = useAppSelector(
     (s) => s.nodes.connectionStartParams?.handleType
   );

invokeai/frontend/web/src/features/nodes/components/flow/Flow.tsx

@@ -74,9 +74,7 @@ export const Flow = memo(() => {
   const nodes = useAppSelector((s) => s.nodes.nodes);
   const edges = useAppSelector((s) => s.nodes.edges);
   const viewport = useAppSelector((s) => s.nodes.viewport);
-  const shouldSnapToGrid = useAppSelector(
-    (s) => s.nodes.shouldSnapToGrid
-  );
+  const shouldSnapToGrid = useAppSelector((s) => s.nodes.shouldSnapToGrid);
   const selectionMode = useAppSelector((s) => s.nodes.selectionMode);
   const flowWrapper = useRef<HTMLDivElement>(null);
   const cursorPosition = useRef<XYPosition | null>(null);

invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx

@@ -5,7 +5,10 @@ import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import NodeSelectionOverlay from 'common/components/NodeSelectionOverlay';
 import { useGlobalMenuCloseTrigger } from 'common/hooks/useGlobalMenuCloseTrigger';
 import { useMouseOverNode } from 'features/nodes/hooks/useMouseOverNode';
-import { nodeExclusivelySelected , selectNodesSlice } from 'features/nodes/store/nodesSlice';
+import {
+  nodeExclusivelySelected,
+  selectNodesSlice,
+} from 'features/nodes/store/nodesSlice';
 import {
   DRAG_HANDLE_CLASSNAME,
   NODE_WIDTH,

invokeai/frontend/web/src/features/nodes/components/flow/panels/MinimapPanel/MinimapPanel.tsx

@@ -1,6 +1,5 @@
 import type { SystemStyleObject } from '@chakra-ui/react';
 import { chakra, Flex } from '@chakra-ui/react';
-import type { RootState } from 'app/store/store';
 import { useAppSelector } from 'app/store/storeHooks';
 import { memo } from 'react';
 import { MiniMap } from 'reactflow';
@@ -18,7 +17,7 @@ const minimapStyles: SystemStyleObject = {
 
 const MinimapPanel = () => {
   const shouldShowMinimapPanel = useAppSelector(
-    (state: RootState) => state.nodes.shouldShowMinimapPanel
+    (s) => s.nodes.shouldShowMinimapPanel
   );
 
   return (

invokeai/frontend/web/src/features/nodes/components/flow/panels/TopRightPanel/WorkflowEditorSettings.tsx

@@ -14,10 +14,12 @@ import { InvSwitch } from 'common/components/InvSwitch/wrapper';
 import ReloadNodeTemplatesButton from 'features/nodes/components/flow/panels/TopRightPanel/ReloadSchemaButton';
 import {
   selectionModeChanged,
- selectNodesSlice,  shouldAnimateEdgesChanged,
+  selectNodesSlice,
+  shouldAnimateEdgesChanged,
   shouldColorEdgesChanged,
   shouldSnapToGridChanged,
-  shouldValidateGraphChanged } from 'features/nodes/store/nodesSlice';
+  shouldValidateGraphChanged,
+} from 'features/nodes/store/nodesSlice';
 import type { ChangeEvent, ReactNode } from 'react';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowGeneralTab.tsx

@@ -7,13 +7,15 @@ import { InvInput } from 'common/components/InvInput/InvInput';
 import { InvTextarea } from 'common/components/InvTextarea/InvTextarea';
 import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent';
 import {
- selectWorkflowSlice,  workflowAuthorChanged,
+  selectWorkflowSlice,
+  workflowAuthorChanged,
   workflowContactChanged,
   workflowDescriptionChanged,
   workflowNameChanged,
   workflowNotesChanged,
   workflowTagsChanged,
-  workflowVersionChanged } from 'features/nodes/store/workflowSlice';
+  workflowVersionChanged,
+} from 'features/nodes/store/workflowSlice';
 import type { ChangeEvent } from 'react';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

invokeai/frontend/web/src/features/nodes/hooks/useBuildNode.ts

@@ -19,9 +19,7 @@ export const SHARED_NODE_PROPERTIES: Partial<Node> = {
 };
 
 export const useBuildNode = () => {
-  const nodeTemplates = useAppSelector(
-    (s) => s.nodeTemplates.templates
-  );
+  const nodeTemplates = useAppSelector((s) => s.nodeTemplates.templates);
 
   const flow = useReactFlow();