From fed658aea27ddcd18bc4022b6bf4f74bb2a8f00d Mon Sep 17 00:00:00 2001
From: Amadeo Pellicce <pellicceama@gmail.com>
Date: Thu, 13 Feb 2025 12:44:51 -0400
Subject: [PATCH] moving to organization whitelisting

---
 .../connector-configs/ConnectorConfigPage.tsx       | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/dashboard/(authenticated)/connector-configs/ConnectorConfigPage.tsx b/apps/web/app/dashboard/(authenticated)/connector-configs/ConnectorConfigPage.tsx
index ef7a7a26..f6481bd8 100644
--- a/apps/web/app/dashboard/(authenticated)/connector-configs/ConnectorConfigPage.tsx
+++ b/apps/web/app/dashboard/(authenticated)/connector-configs/ConnectorConfigPage.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import {useUser} from '@clerk/nextjs'
+import {useOrganization, useUser} from '@clerk/nextjs'
 import {Loader2, Lock, Pencil, Plus} from 'lucide-react'
 import Image from 'next/image'
 import React, {useState} from 'react'
@@ -58,6 +58,11 @@ export default function ConnectorConfigsPage({
     open: false,
   })
   const {user} = useUser()
+  const {organization} = useOrganization()
+
+  const orgPublicMetadata = organization?.publicMetadata
+  const isWhitelisted = orgPublicMetadata?.['whitelisted'] === true
+
   const connectorConfigsRes = _trpcReact.adminListConnectorConfigs.useQuery()
 
   useRefetchOnSwitch(connectorConfigsRes.refetch)
@@ -65,7 +70,7 @@ export default function ConnectorConfigsPage({
   // either if whitelisted or already has a connector other than default postgres
   const canAddNewConnectors =
     !isProd ||
-    user?.publicMetadata?.['whitelisted'] === true ||
+    isWhitelisted ||
     connectorConfigsRes.data?.some(
       (c) => c.connectorName !== 'default_postgres',
     )
@@ -264,7 +269,7 @@ export default function ConnectorConfigsPage({
                 ) : (
                   <Card
                     key={`${vertical}-request-access`}
-                    className="m-3 size-[150px] border border-border bg-gray-100 cursor-pointer hover:bg-gray-50 transition-colors duration-150 group">
+                    className="group m-3 size-[150px] cursor-pointer border border-border bg-gray-100 transition-colors duration-150 hover:bg-gray-50">
                     <CardContent
                       className="flex size-full flex-1 flex-col items-center justify-center pt-4"
                       onClick={() => {
@@ -275,7 +280,7 @@ export default function ConnectorConfigsPage({
                         })
                         setOpenCalendar(true)
                       }}>
-                      <p className="text-center text-sm font-semibold text-gray-600 group-hover:text-gray-400 transition-colors duration-150">
+                      <p className="text-center text-sm font-semibold text-gray-600 transition-colors duration-150 group-hover:text-gray-400">
                         Request {parseCategory(vertical)} Integration
                       </p>
                     </CardContent>