Merge pull request #14462 from supabase/hotfix/webhooks-menu-item2

fix: switch webhook availability to be conditional based on pg_net ex…

studio/components/layouts/DatabaseLayout/DatabaseLayout.tsx

@@ -26,6 +26,7 @@ const DatabaseLayout: FC<Props> = ({ title, children }) => {
   const vaultExtension = meta.extensions.byId('supabase_vault')
   const isVaultEnabled = vaultExtension !== undefined && vaultExtension.installed_version !== null
   const foreignDataWrappersEnabled = useFlag('foreignDataWrappers')
+  const pgNetExtensionExists = meta.extensions.byId('pg_net') !== undefined
 
   const [loaded, setLoaded] = useState<boolean>(isInitialized)
 
@@ -73,7 +74,7 @@ const DatabaseLayout: FC<Props> = ({ title, children }) => {
       isLoading={!loaded}
       product="Database"
       productMenu={
-        <ProductMenu page={page} menu={generateDatabaseMenu(project, foreignDataWrappersEnabled)} />
+        <ProductMenu page={page} menu={generateDatabaseMenu(project, foreignDataWrappersEnabled, pgNetExtensionExists)} />
       }
     >
       <main style={{ maxHeight: '100vh' }} className="flex-1 overflow-y-auto">

studio/components/layouts/DatabaseLayout/DatabaseMenu.utils.ts

@@ -4,13 +4,11 @@ import { IS_PLATFORM } from 'lib/constants'
 
 export const generateDatabaseMenu = (
   project?: Project,
-  foreignDataWrappersEnabled: boolean = false
+  foreignDataWrappersEnabled: boolean = false,
+  pgNetExtensionExists: boolean = false
 ): ProductMenuGroup[] => {
   const ref = project?.ref ?? 'default'
 
-  const HOOKS_RELEASED = '2021-07-30T15:33:54.383Z'
-  const showHooksRoute = project?.inserted_at ? project.inserted_at > HOOKS_RELEASED : false
-
   return [
     {
       title: 'Database',
@@ -41,7 +39,7 @@ export const generateDatabaseMenu = (
           url: `/project/${ref}/database/replication`,
           items: [],
         },
-        ...(showHooksRoute
+        ...(pgNetExtensionExists
           ? [
               {
                 name: 'Webhooks',