diff --git a/frontend/src/components/secret-syncs/SecretSyncSelect.tsx b/frontend/src/components/secret-syncs/SecretSyncSelect.tsx index 24975cca2..62d99544f 100644 --- a/frontend/src/components/secret-syncs/SecretSyncSelect.tsx +++ b/frontend/src/components/secret-syncs/SecretSyncSelect.tsx @@ -1,6 +1,5 @@ import { faWrench } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { twMerge } from "tailwind-merge"; import { Spinner, Tooltip } from "@app/components/v2"; import { useSubscription } from "@app/context"; @@ -34,38 +33,26 @@ export const SecretSyncSelect = ({ onSelect }: Props) => { {secretSyncOptions?.map(({ destination, enterprise }) => { const { image, name } = SECRET_SYNC_MAP[destination]; return ( - + enterprise && !subscription.enterpriseSecretSyncs + ? handlePopUpOpen("upgradePlan") + : onSelect(destination) } + className="group relative flex h-28 cursor-pointer flex-col items-center justify-center overflow-hidden rounded-md border border-mineshaft-600 bg-mineshaft-700 p-4 duration-200 hover:bg-mineshaft-600" > - - + {`${name} +
+ {name} +
+ ); })} { const { image, name, size = 50, enterprise = false } = APP_CONNECTION_MAP[option.app]; return ( - enterprise && !subscription.enterpriseAppConnections - ? "Enterprise Plan Only" - : undefined + ? handlePopUpOpen("upgradePlan") + : onSelect(option.app) } + className="group relative flex h-28 cursor-pointer flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-700 p-4 duration-200 hover:bg-mineshaft-600" > - - + {`${name} +
+ {name} +
+ ); })}