From fd03c7eebe0ceee71cb6b2384946ac83e2c140bd Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 9 Jun 2023 14:00:23 +1000
Subject: [PATCH] feat(ui): restore reset button for init image

---
 invokeai/frontend/web/src/common/components/IAIDndImage.tsx  | 5 ++---
 .../Parameters/ImageToImage/InitialImagePreview.tsx          | 1 +
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/IAIDndImage.tsx b/invokeai/frontend/web/src/common/components/IAIDndImage.tsx
index 9c6af169a8..669a68c88a 100644
--- a/invokeai/frontend/web/src/common/components/IAIDndImage.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIDndImage.tsx
@@ -14,7 +14,7 @@ import ImageMetadataOverlay from 'common/components/ImageMetadataOverlay';
 import { AnimatePresence } from 'framer-motion';
 import { ReactElement, SyntheticEvent, useCallback } from 'react';
 import { memo, useRef } from 'react';
-import { FaImage, FaTimes, FaUpload } from 'react-icons/fa';
+import { FaImage, FaTimes, FaUndo, FaUpload } from 'react-icons/fa';
 import { ImageDTO } from 'services/api';
 import { v4 as uuidv4 } from 'uuid';
 import IAIDropOverlay from './IAIDropOverlay';
@@ -174,14 +174,13 @@ const IAIDndImage = (props: IAIDndImageProps) => {
                 position: 'absolute',
                 top: 0,
                 right: 0,
-                p: 2,
               }}
             >
               <IAIIconButton
                 size={resetIconSize}
                 tooltip="Reset Image"
                 aria-label="Reset Image"
-                icon={<FaTimes />}
+                icon={<FaUndo />}
                 onClick={onReset}
               />
             </Box>
diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx
index 2ddd3fbb9e..fa415074e6 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx
@@ -58,6 +58,7 @@ const InitialImagePreview = () => {
         onReset={handleReset}
         fallback={<IAIImageFallback sx={{ bg: 'none' }} />}
         postUploadAction={{ type: 'SET_INITIAL_IMAGE' }}
+        withResetIcon
       />
     </Flex>
   );