chore(ui): lint

invokeai/frontend/web/src/features/canvas/components/IAICanvas.tsx

@@ -10,11 +10,14 @@ import useCanvasMouseOut from 'features/canvas/hooks/useCanvasMouseOut';
 import useCanvasMouseUp from 'features/canvas/hooks/useCanvasMouseUp';
 import useCanvasWheel from 'features/canvas/hooks/useCanvasZoom';
 import {
- $canvasBaseLayer,  $canvasStage,$isModifyingBoundingBox,
+  $canvasBaseLayer,
+  $canvasStage,
+  $isModifyingBoundingBox,
   $isMouseOverBoundingBox,
   $isMovingStage,
   $isTransformingBoundingBox,
-  $tool  } from 'features/canvas/store/canvasNanostore';
+  $tool,
+} from 'features/canvas/store/canvasNanostore';
 import { isStagingSelector } from 'features/canvas/store/canvasSelectors';
 import {
   canvasResized,

invokeai/frontend/web/src/features/canvas/hooks/useCanvasHotkeys.ts

@@ -1,9 +1,11 @@
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import {
- $canvasStage,  $tool,
+  $canvasStage,
+  $tool,
   $toolStash,
   resetCanvasInteractionState,
-  resetToolInteractionState } from 'features/canvas/store/canvasNanostore';
+  resetToolInteractionState,
+} from 'features/canvas/store/canvasNanostore';
 import { isStagingSelector } from 'features/canvas/store/canvasSelectors';
 import {
   clearMask,

invokeai/frontend/web/src/features/canvas/hooks/useColorUnderCursor.ts

@@ -1,5 +1,9 @@
 import { useAppDispatch } from 'app/store/storeHooks';
-import { $canvasBaseLayer,$canvasStage,$tool   } from 'features/canvas/store/canvasNanostore';
+import {
+  $canvasBaseLayer,
+  $canvasStage,
+  $tool,
+} from 'features/canvas/store/canvasNanostore';
 import {
   commitColorPickerColor,
   setColorPickerColor,

invokeai/frontend/web/src/features/canvas/store/canvasNanostore.ts

@@ -1,5 +1,5 @@
 import type { CanvasTool } from 'features/canvas/store/canvasTypes';
-import type Konva from "konva";
+import type Konva from 'konva';
 import type { Vector2d } from 'konva/lib/types';
 import { atom, computed } from 'nanostores';
 
@@ -39,6 +39,6 @@ export const resetToolInteractionState = () => {
 
 export const setCanvasInteractionStateMouseOut = () => {
   $cursorPosition.set(null);
-};export const $canvasBaseLayer = atom<Konva.Layer | null>(null);
+};
+export const $canvasBaseLayer = atom<Konva.Layer | null>(null);
 export const $canvasStage = atom<Konva.Stage | null>(null);
-

invokeai/frontend/web/src/features/canvas/util/getCanvasData.ts

@@ -1,5 +1,8 @@
 import { logger } from 'app/logging/logger';
-import { $canvasBaseLayer , $canvasStage } from 'features/canvas/store/canvasNanostore';
+import {
+  $canvasBaseLayer,
+  $canvasStage,
+} from 'features/canvas/store/canvasNanostore';
 import type {
   CanvasLayerState,
   Dimensions,

invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioPreview.tsx

@@ -76,7 +76,11 @@ export const AspectRatioPreview = () => {
               exit={MOTION_ICON_EXIT}
               style={ICON_CONTAINER_STYLES}
             >
-              <Icon as={PiFrameCorners} color="base.700" boxSize={BOX_SIZE_CSS_CALC} />
+              <Icon
+                as={PiFrameCorners}
+                color="base.700"
+                boxSize={BOX_SIZE_CSS_CALC}
+              />
             </Flex>
           )}
         </AnimatePresence>