From bac865eab1587c08ad4a663ee02563ab0aa22e5f Mon Sep 17 00:00:00 2001
From: = <akhilmhdh@gmail.com>
Date: Thu, 26 Sep 2024 16:42:31 +0530
Subject: [PATCH] feat: added error feedback on secret items saving for
 debugging

---
 .../components/SecretListView/SecretItem.tsx         | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx b/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
index 5b62dd526..180166c21 100644
--- a/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
+++ b/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
@@ -549,7 +549,15 @@ export const SecretItem = memo(
                     animate={{ x: 0, opacity: 1 }}
                     exit={{ x: -10, opacity: 0 }}
                   >
-                    <Tooltip content={errors.key ? errors.key?.message : "Save"}>
+                    <Tooltip
+                      content={
+                        Object.keys(errors || {}).length
+                          ? Object.entries(errors)
+                              .map(([key, { message }]) => `Field ${key}: ${message}`)
+                              .join("\n")
+                          : "Save"
+                      }
+                    >
                       <IconButton
                         ariaLabel="more"
                         variant="plain"
@@ -568,7 +576,7 @@ export const SecretItem = memo(
                             symbolName={FontAwesomeSpriteName.Check}
                             className={twMerge(
                               "h-4 w-4 text-primary",
-                              errors.key && "text-mineshaft-300"
+                              Boolean(Object.keys(errors || {}).length) && "text-red"
                             )}
                           />
                         )}