From 5d8cd62e445eeab4e9b72ceb8054bc5d259bd389 Mon Sep 17 00:00:00 2001
From: mickr777 <115216705+mickr777@users.noreply.github.com>
Date: Thu, 24 Aug 2023 19:20:35 +1000
Subject: [PATCH] Update CurrentImageNode.tsx

---
 .../nodes/CurrentImage/CurrentImageNode.tsx   | 64 +++++++++----------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx
index 610847e012..7de1554fc0 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx
@@ -1,15 +1,15 @@
-import { useState, PropsWithChildren, memo } from "react";
-import { useSelector } from "react-redux";
-import { createSelector } from "@reduxjs/toolkit";
-import { Flex, Image, Text } from "@chakra-ui/react";
-import { motion } from "framer-motion";
-import { NodeProps } from "reactflow";
-import NodeWrapper from "../common/NodeWrapper";
-import NextPrevImageButtons from "features/gallery/components/NextPrevImageButtons";
-import IAIDndImage from "common/components/IAIDndImage";
-import { IAINoContentFallback } from "common/components/IAIImageFallback";
-import { DRAG_HANDLE_CLASSNAME } from "features/nodes/types/constants";
-import { stateSelector } from "app/store/store";
+import { useState, PropsWithChildren, memo } from 'react';
+import { useSelector } from 'react-redux';
+import { createSelector } from '@reduxjs/toolkit';
+import { Flex, Image, Text } from '@chakra-ui/react';
+import { motion } from 'framer-motion';
+import { NodeProps } from 'reactflow';
+import NodeWrapper from '../common/NodeWrapper';
+import NextPrevImageButtons from 'features/gallery/components/NextPrevImageButtons';
+import IAIDndImage from 'common/components/IAIDndImage';
+import { IAINoContentFallback } from 'common/components/IAIImageFallback';
+import { DRAG_HANDLE_CLASSNAME } from 'features/nodes/types/constants';
+import { stateSelector } from 'app/store/store';
 
 const selector = createSelector(stateSelector, ({ system, gallery }) => {
   const imageDTO = gallery.selection[gallery.selection.length - 1];
@@ -29,10 +29,10 @@ const CurrentImageNode = (props: NodeProps) => {
         <Image
           src={progressImage.dataURL}
           sx={{
-            w: "full",
-            h: "full",
-            objectFit: "contain",
-            borderRadius: "base",
+            w: 'full',
+            h: 'full',
+            objectFit: 'contain',
+            borderRadius: 'base',
           }}
         />
       </Wrapper>
@@ -78,43 +78,43 @@ const Wrapper = (props: PropsWithChildren<{ nodeProps: NodeProps }>) => {
         onMouseLeave={handleMouseLeave}
         className={DRAG_HANDLE_CLASSNAME}
         sx={{
-          position: "relative",
-          flexDirection: "column",
+          position: 'relative',
+          flexDirection: 'column',
         }}
       >
         <Flex
-          layerStyle="nodeHeader"
+          layerStyle='nodeHeader'
           sx={{
-            borderTopRadius: "base",
-            alignItems: "center",
-            justifyContent: "center",
+            borderTopRadius: 'base',
+            alignItems: 'center',
+            justifyContent: 'center',
             h: 8,
           }}
         >
           <Text
             sx={{
-              fontSize: "sm",
+              fontSize: 'sm',
               fontWeight: 600,
-              color: "base.700",
-              _dark: { color: "base.200" },
+              color: 'base.700',
+              _dark: { color: 'base.200' },
             }}
           >
             Current Image
           </Text>
         </Flex>
         <Flex
-          layerStyle="nodeBody"
+          layerStyle='nodeBody'
           sx={{
-            w: "full",
-            h: "full",
-            borderBottomRadius: "base",
+            w: 'full',
+            h: 'full',
+            borderBottomRadius: 'base',
             p: 2,
           }}
         >
           {props.children}
           {isHovering && (
             <motion.div
-              key="nextPrevButtons"
+              key='nextPrevButtons'
               initial={{
                 opacity: 0,
               }}
@@ -127,12 +127,12 @@ const Wrapper = (props: PropsWithChildren<{ nodeProps: NodeProps }>) => {
                 transition: { duration: 0.1 },
               }}
               style={{
-                position: "absolute",
+                position: 'absolute',
                 top: 40,
                 left: -2,
                 right: -2,
                 bottom: 0,
-                pointerEvents: "none",
+                pointerEvents: 'none',
               }}
             >
               <NextPrevImageButtons />