From c9ddbb42419ab4e764f0c76d4ea057a32437d356 Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
Date: Wed, 17 Jan 2024 15:13:01 -0500
Subject: [PATCH] lint

---
 .../src/common/components/InvExpander/InvExpander.tsx  |  4 ++--
 .../web/src/common/components/InvExpander/types.ts     |  1 -
 .../InvSingleAccordion/InvSingleAccordion.tsx          |  6 +++---
 .../web/src/features/parameters/store/actions.ts       | 10 +++++-----
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/InvExpander/InvExpander.tsx b/invokeai/frontend/web/src/common/components/InvExpander/InvExpander.tsx
index c734375fb8..409fc98572 100644
--- a/invokeai/frontend/web/src/common/components/InvExpander/InvExpander.tsx
+++ b/invokeai/frontend/web/src/common/components/InvExpander/InvExpander.tsx
@@ -1,13 +1,13 @@
 import { Divider, Flex } from '@chakra-ui/layout';
 import type { SystemStyleObject } from '@chakra-ui/react';
 import { Collapse, Icon, useDisclosure } from '@chakra-ui/react';
+import { useAppDispatch } from 'app/store/storeHooks';
 import type { InvExpanderProps } from 'common/components/InvExpander/types';
 import { InvText } from 'common/components/InvText/wrapper';
+import { expanderToggled } from 'features/parameters/store/actions';
 import { t } from 'i18next';
 import { useCallback } from 'react';
 import { BiCollapseVertical, BiExpandVertical } from 'react-icons/bi';
-import { useAppDispatch } from '../../../app/store/storeHooks';
-import { expanderToggled } from '../../../features/parameters/store/actions';
 
 const buttonStyles: SystemStyleObject = {
   color: 'base.400',
diff --git a/invokeai/frontend/web/src/common/components/InvExpander/types.ts b/invokeai/frontend/web/src/common/components/InvExpander/types.ts
index ed6973578c..8017461706 100644
--- a/invokeai/frontend/web/src/common/components/InvExpander/types.ts
+++ b/invokeai/frontend/web/src/common/components/InvExpander/types.ts
@@ -3,6 +3,5 @@ import type { PropsWithChildren } from 'react';
 export type InvExpanderProps = PropsWithChildren<{
   label?: string;
   defaultIsOpen?: boolean;
-  onClick?: (isOpen: boolean) => void;
   id?: string;
 }>;
diff --git a/invokeai/frontend/web/src/common/components/InvSingleAccordion/InvSingleAccordion.tsx b/invokeai/frontend/web/src/common/components/InvSingleAccordion/InvSingleAccordion.tsx
index 0c99164093..8e2825a6d0 100644
--- a/invokeai/frontend/web/src/common/components/InvSingleAccordion/InvSingleAccordion.tsx
+++ b/invokeai/frontend/web/src/common/components/InvSingleAccordion/InvSingleAccordion.tsx
@@ -1,14 +1,14 @@
+import { useAppDispatch } from 'app/store/storeHooks';
 import { InvAccordionButton } from 'common/components/InvAccordion/InvAccordionButton';
 import {
   InvAccordion,
   InvAccordionItem,
   InvAccordionPanel,
 } from 'common/components/InvAccordion/wrapper';
+import { singleAccordionExpanded } from 'features/parameters/store/actions';
 import { memo, useCallback } from 'react';
 
 import type { InvSingleAccordionProps } from './types';
-import { singleAccordionExpanded } from '../../../features/parameters/store/actions';
-import { useAppDispatch } from '../../../app/store/storeHooks';
 
 export const InvSingleAccordion = memo((props: InvSingleAccordionProps) => {
   const dispatch = useAppDispatch();
@@ -18,7 +18,7 @@ export const InvSingleAccordion = memo((props: InvSingleAccordionProps) => {
         dispatch(singleAccordionExpanded({ id: props.id, isOpen }));
       }
     },
-    [props]
+    [props, dispatch]
   );
 
   return (
diff --git a/invokeai/frontend/web/src/features/parameters/store/actions.ts b/invokeai/frontend/web/src/features/parameters/store/actions.ts
index b54b2b48d1..94482caf9b 100644
--- a/invokeai/frontend/web/src/features/parameters/store/actions.ts
+++ b/invokeai/frontend/web/src/features/parameters/store/actions.ts
@@ -9,10 +9,10 @@ export const modelSelected = createAction<MainModelField>(
   'generation/modelSelected'
 );
 
-export const expanderToggled = createAction<{ id: string, isOpen: boolean }>(
+export const expanderToggled = createAction<{ id: string; isOpen: boolean }>(
   'parameters/expanderToggled'
 );
-export const singleAccordionExpanded = createAction<{ id: string, isOpen: boolean }>(
-  'parameters/singleAccordionExpanded'
-);
-
+export const singleAccordionExpanded = createAction<{
+  id: string;
+  isOpen: boolean;
+}>('parameters/singleAccordionExpanded');