From 2d0d90785fbef8c3f3274e774c42e9eac3e98331 Mon Sep 17 00:00:00 2001
From: = <akhilmhdh@gmail.com>
Date: Wed, 29 May 2024 14:46:54 +0530
Subject: [PATCH] feat: added icon for replicated secret

---
 .../components/SecretListView/SecretItem.tsx        | 13 +++++++++----
 .../SecretListView/SecretListView.utils.ts          |  7 +++++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx b/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
index e8901b8cc..077018017 100644
--- a/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
+++ b/frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
@@ -224,7 +224,11 @@ export const SecretItem = memo(
                     "ml-3 block h-3.5 w-3.5 group-hover:hidden",
                     isSelected && "hidden"
                   )}
-                  symbolName={FontAwesomeSpriteName.SecretKey}
+                  symbolName={
+                    secret.isReplicated
+                      ? FontAwesomeSpriteName.ReplicatedSecretKey
+                      : FontAwesomeSpriteName.SecretKey
+                  }
                 />
               </div>
               <div className="flex h-11 w-80 flex-shrink-0 items-center px-4 py-2">
@@ -420,8 +424,9 @@ export const SecretItem = memo(
                       <Tooltip
                         content={
                           secretReminderRepeatDays && secretReminderRepeatDays > 0
-                            ? `Every ${secretReminderRepeatDays} day${Number(secretReminderRepeatDays) > 1 ? "s" : ""
-                            }
+                            ? `Every ${secretReminderRepeatDays} day${
+                                Number(secretReminderRepeatDays) > 1 ? "s" : ""
+                              }
                           `
                             : "Reminder"
                         }
@@ -491,7 +496,7 @@ export const SecretItem = memo(
                         ariaLabel="more"
                         variant="plain"
                         size="md"
-                        className="p-0 opacity-0 group-hover:opacity-100 h-5 w-4"
+                        className="h-5 w-4 p-0 opacity-0 group-hover:opacity-100"
                         onClick={() => onDetailViewSecret(secret)}
                       >
                         <FontAwesomeSymbol
diff --git a/frontend/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts b/frontend/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts
index 1a79996a5..c80296b7f 100644
--- a/frontend/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts
+++ b/frontend/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts
@@ -3,6 +3,7 @@ import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
 import {
   faCheck,
   faClock,
+  faClone,
   faClose,
   faCodeBranch,
   faComment,
@@ -64,7 +65,8 @@ export enum FontAwesomeSpriteName {
   More = "more",
   Override = "secret-override",
   Close = "close",
-  CheckedCircle = "check-circle"
+  CheckedCircle = "check-circle",
+  ReplicatedSecretKey = "secret-replicated"
 }
 
 // this is an optimization technique
@@ -79,5 +81,6 @@ export const FontAwesomeSpriteSymbols = [
   { icon: faEllipsis, symbol: FontAwesomeSpriteName.More },
   { icon: faCodeBranch, symbol: FontAwesomeSpriteName.Override },
   { icon: faClose, symbol: FontAwesomeSpriteName.Close },
-  { icon: faCheckCircle, symbol: FontAwesomeSpriteName.CheckedCircle }
+  { icon: faCheckCircle, symbol: FontAwesomeSpriteName.CheckedCircle },
+  { icon: faClone, symbol: FontAwesomeSpriteName.ReplicatedSecretKey }
 ];