awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: added icon for replicated secret

Browse Source
This commit is contained in:
=
2024-05-29 14:46:54 +05:30
parent cec884ce34
commit 2d0d90785f
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
View File

@@ -224,7 +224,11 @@ export const SecretItem = memo(
"ml-3 block h-3.5 w-3.5 group-hover:hidden", "ml-3 block h-3.5 w-3.5 group-hover:hidden",
isSelected && "hidden" isSelected && "hidden"
)} )}
symbolName={FontAwesomeSpriteName.SecretKey} symbolName={
secret.isReplicated
? FontAwesomeSpriteName.ReplicatedSecretKey
: FontAwesomeSpriteName.SecretKey
}
/> />
</div> </div>
<div className="flex h-11 w-80 flex-shrink-0 items-center px-4 py-2"> <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 <Tooltip
content={ content={
secretReminderRepeatDays && secretReminderRepeatDays > 0 secretReminderRepeatDays && secretReminderRepeatDays > 0
? `Every ${secretReminderRepeatDays} day${Number(secretReminderRepeatDays) > 1 ? "s" : "" ? `Every ${secretReminderRepeatDays} day${
} Number(secretReminderRepeatDays) > 1 ? "s" : ""
}
` `
: "Reminder" : "Reminder"
} }
@@ -491,7 +496,7 @@ export const SecretItem = memo(
ariaLabel="more" ariaLabel="more"
variant="plain" variant="plain"
size="md" 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)} onClick={() => onDetailViewSecret(secret)}
> >
<FontAwesomeSymbol <FontAwesomeSymbol

7
frontend/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts
View File

@@ -3,6 +3,7 @@ import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
import { import {
faCheck, faCheck,
faClock, faClock,
faClone,
faClose, faClose,
faCodeBranch, faCodeBranch,
faComment, faComment,
@@ -64,7 +65,8 @@ export enum FontAwesomeSpriteName {
More = "more", More = "more",
Override = "secret-override", Override = "secret-override",
Close = "close", Close = "close",
CheckedCircle = "check-circle" CheckedCircle = "check-circle",
ReplicatedSecretKey = "secret-replicated"
} }
// this is an optimization technique // this is an optimization technique
@@ -79,5 +81,6 @@ export const FontAwesomeSpriteSymbols = [
{ icon: faEllipsis, symbol: FontAwesomeSpriteName.More }, { icon: faEllipsis, symbol: FontAwesomeSpriteName.More },
{ icon: faCodeBranch, symbol: FontAwesomeSpriteName.Override }, { icon: faCodeBranch, symbol: FontAwesomeSpriteName.Override },
{ icon: faClose, symbol: FontAwesomeSpriteName.Close }, { icon: faClose, symbol: FontAwesomeSpriteName.Close },
{ icon: faCheckCircle, symbol: FontAwesomeSpriteName.CheckedCircle } { icon: faCheckCircle, symbol: FontAwesomeSpriteName.CheckedCircle },
{ icon: faClone, symbol: FontAwesomeSpriteName.ReplicatedSecretKey }
]; ];