chore(ui): lint

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAddPromptsAndIPAdapter.tsx

@@ -26,10 +26,16 @@ export const RegionalGuidanceMenuItemsAddPromptsAndIPAdapter = memo(() => {
 
   return (
     <>
-      <MenuItem onPointerUp={addRegionalGuidancePositivePrompt} isDisabled={!validActions.canAddPositivePrompt || isBusy}>
+      <MenuItem
+        onPointerUp={addRegionalGuidancePositivePrompt}
+        isDisabled={!validActions.canAddPositivePrompt || isBusy}
+      >
         {t('controlLayers.addPositivePrompt')}
       </MenuItem>
-      <MenuItem onPointerUp={addRegionalGuidanceNegativePrompt} isDisabled={!validActions.canAddNegativePrompt || isBusy}>
+      <MenuItem
+        onPointerUp={addRegionalGuidanceNegativePrompt}
+        isDisabled={!validActions.canAddNegativePrompt || isBusy}
+      >
         {t('controlLayers.addNegativePrompt')}
       </MenuItem>
       <MenuItem onPointerUp={addRegionalGuidanceIPAdapter} isDisabled={isBusy}>

invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/MultipleSelectionMenuItems.tsx

@@ -58,7 +58,10 @@ const MultipleSelectionMenuItems = () => {
   return (
     <>
       {areAllStarred && (
-        <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarBold />} onPointerUpCapture={handleUnstarSelection}>
+        <MenuItem
+          icon={customStarUi ? customStarUi.on.icon : <PiStarBold />}
+          onPointerUpCapture={handleUnstarSelection}
+        >
           {customStarUi ? customStarUi.off.text : `Unstar All`}
         </MenuItem>
       )}

invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryPagination.tsx

@@ -64,7 +64,11 @@ const PageButton = ({ page, currentPage, goToPage }: PageButtonProps) => {
     );
   }
   return (
-    <Button size="sm" onPointerUp={goToPage.bind(null, page - 1)} variant={currentPage === page - 1 ? 'solid' : 'outline'}>
+    <Button
+      size="sm"
+      onPointerUp={goToPage.bind(null, page - 1)}
+      variant={currentPage === page - 1 ? 'solid' : 'outline'}
+    >
       {page}
     </Button>
   );

invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResultItem.tsx

@@ -25,7 +25,12 @@ export const ScanModelResultItem = memo(({ result, installModel }: Props) => {
         {result.is_installed ? (
           <Badge>{t('common.installed')}</Badge>
         ) : (
-          <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onPointerUp={handleInstall} size="sm" />
+          <IconButton
+            aria-label={t('modelManager.install')}
+            icon={<PiPlusBold />}
+            onPointerUp={handleInstall}
+            size="sm"
+          />
         )}
       </Box>
     </Flex>

invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StartModelsResultItem.tsx

@@ -61,7 +61,12 @@ export const StarterModelsResultItem = memo(({ result, modelList }: Props) => {
         {result.is_installed ? (
           <Badge>{t('common.installed')}</Badge>
         ) : (
-          <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onPointerUp={onPointerUp} size="sm" />
+          <IconButton
+            aria-label={t('modelManager.install')}
+            icon={<PiPlusBold />}
+            onPointerUp={onPointerUp}
+            size="sm"
+          />
         )}
       </Box>
     </Flex>

invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEditButton.tsx

@@ -14,7 +14,13 @@ export const ModelEditButton = memo(() => {
   }, [dispatch]);
 
   return (
-    <Button size="sm" leftIcon={<PiPencilBold />} colorScheme="invokeYellow" onPointerUp={handleEditModel} flexShrink={0}>
+    <Button
+      size="sm"
+      leftIcon={<PiPencilBold />}
+      colorScheme="invokeYellow"
+      onPointerUp={handleEditModel}
+      flexShrink={0}
+    >
       {t('modelManager.edit')}
     </Button>
   );

invokeai/frontend/web/src/features/parameters/components/PostProcessing/PostProcessingPopover.tsx

@@ -54,7 +54,11 @@ export const PostProcessingPopover = memo((props: Props) => {
           <Flex flexDirection="column" gap={4}>
             <ParamPostProcessingModel />
             {!postProcessingModel && <MissingModelWarning />}
-            <Button size="sm" isDisabled={!imageDTO || inProgress || !postProcessingModel} onPointerUp={handleClickUpscale}>
+            <Button
+              size="sm"
+              isDisabled={!imageDTO || inProgress || !postProcessingModel}
+              onPointerUp={handleClickUpscale}
+            >
               {t('parameters.processImage')}
             </Button>
           </Flex>

invokeai/frontend/web/src/features/workflowLibrary/components/SaveWorkflowAsDialog/SaveWorkflowAsDialog.tsx

@@ -90,7 +90,12 @@ export const SaveWorkflowAsDialog = () => {
             <Button ref={cancelRef} onPointerUp={clearAndClose}>
               {t('common.cancel')}
             </Button>
-            <Button colorScheme="invokeBlue" onPointerUp={onSave} ml={3} isDisabled={!workflowName || !workflowName.length}>
+            <Button
+              colorScheme="invokeBlue"
+              onPointerUp={onSave}
+              ml={3}
+              isDisabled={!workflowName || !workflowName.length}
+            >
               {t('common.saveAs')}
             </Button>
           </AlertDialogFooter>