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}
+
+
);
})}
{
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}
+
+
);
})}