From 2f51b9ed0e8bef2fe2ee9509aaba39913e39eca3 Mon Sep 17 00:00:00 2001
From: Mikita Butsko <mikita_butsko@epam.com>
Date: Wed, 20 Dec 2023 11:17:35 +0100
Subject: [PATCH] fix: fix reupload file multiple occurences (Issue #382)
 (#391)

---
 src/components/Chat/ChatInput/ChatInputAttachment.tsx |  5 ++++-
 src/components/Files/FileItem.tsx                     | 10 ++++++++--
 src/store/files/files.reducers.ts                     |  1 +
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Chat/ChatInput/ChatInputAttachment.tsx b/src/components/Chat/ChatInput/ChatInputAttachment.tsx
index 319184d5bd..3a812cd017 100644
--- a/src/components/Chat/ChatInput/ChatInputAttachment.tsx
+++ b/src/components/Chat/ChatInput/ChatInputAttachment.tsx
@@ -57,7 +57,10 @@ export const ChatInputAttachment = ({
         <div className="flex gap-3">
           {file.status === 'FAILED' && (
             <button onClick={() => onRetryFile(file.id)}>
-              <IconReload className="shrink-0 text-gray-500" size={18} />
+              <IconReload
+                className="shrink-0 text-gray-500 hover:text-blue-500"
+                size={18}
+              />
             </button>
           )}
           <button onClick={() => onUnselectFile(file.id)}>
diff --git a/src/components/Files/FileItem.tsx b/src/components/Files/FileItem.tsx
index 88d4cf4036..d9ce75abca 100644
--- a/src/components/Files/FileItem.tsx
+++ b/src/components/Files/FileItem.tsx
@@ -143,12 +143,18 @@ export const FileItem = ({
         )}
         {item.status === 'FAILED' && (
           <button onClick={handleRetry}>
-            <IconReload className="shrink-0 text-gray-500" size={18} />
+            <IconReload
+              className="shrink-0 text-gray-500 hover:text-blue-500"
+              size={18}
+            />
           </button>
         )}
         {item.status && cancelAllowedStatuses.has(item.status) ? (
           <button onClick={handleCancelFile}>
-            <IconX className="shrink-0 text-gray-500" size={18} />
+            <IconX
+              className="shrink-0 text-gray-500 hover:text-blue-500"
+              size={18}
+            />
           </button>
         ) : (
           <FileItemContextMenu
diff --git a/src/store/files/files.reducers.ts b/src/store/files/files.reducers.ts
index 995b4892f2..ad2cdfd6c8 100644
--- a/src/store/files/files.reducers.ts
+++ b/src/store/files/files.reducers.ts
@@ -61,6 +61,7 @@ export const filesSlice = createSlice({
         name: string;
       }>,
     ) => {
+      state.files = state.files.filter((file) => file.id !== payload.id);
       state.files.push({
         id: payload.id,
         name: payload.name,