[FE-1426] feat(studio): clerk fdw (supabase#33803)

* feat(studio): clerk fdw * prettier * docs: add Clerk FDW docs * Smol update --------- Co-authored-by: Bo Lu <lv.patrick@gmail.com> Co-authored-by: Joshen Lim <joshenlimek@gmail.com>

Author: 3 people

apps/docs/app/guides/database/extensions/wrappers/[[...slug]]/page.tsx

@@ -50,6 +50,13 @@ const pageMap = [
  },
  remoteFile: 'bigquery.md',
  },
+ {
+ slug: 'clerk',
+ meta: {
+ title: 'Clerk',
+ },
+ remoteFile: 'clerk.md',
+ },
  {
  slug: 'clickhouse',
  meta: {

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts

@@ -1091,6 +1091,10 @@ export const database: NavMenuConstant = {
  name: 'Connecting to BigQuery',
  url: '/guides/database/extensions/wrappers/bigquery',
  },
+ {
+ name: 'Connecting to Clerk',
+ url: '/guides/database/extensions/wrappers/clerk',
+ },
  {
  name: 'Connecting to ClickHouse',
  url: '/guides/database/extensions/wrappers/clickhouse',

apps/studio/components/interfaces/Database/Extensions/EnableExtensionModal.tsx

@@ -4,10 +4,12 @@ import { useEffect, useState } from 'react'
 import { toast } from 'sonner'
 
 import { useProjectContext } from 'components/layouts/ProjectLayout/ProjectContext'
+import { DocsButton } from 'components/ui/DocsButton'
 import ShimmeringLoader from 'components/ui/ShimmeringLoader'
 import { useDatabaseExtensionEnableMutation } from 'data/database-extensions/database-extension-enable-mutation'
 import { useSchemasQuery } from 'data/database/schemas-query'
 import { executeSql } from 'data/sql/execute-sql-query'
+import { useIsOrioleDb } from 'hooks/misc/useSelectedProject'
 import {
  AlertDescription_Shadcn_,
  AlertTitle_Shadcn_,
@@ -20,8 +22,6 @@ import {
  WarningIcon,
 } from 'ui'
 import { Admonition } from 'ui-patterns'
-import { DocsButton } from 'components/ui/DocsButton'
-import { useIsOrioleDb } from 'hooks/misc/useSelectedProject'
 
 const orioleExtCallOuts = ['vector', 'postgis']
 
@@ -43,7 +43,7 @@ const EnableExtensionModal = ({ visible, extension, onCancel }: EnableExtensionM
  })
  const { mutate: enableExtension, isLoading: isEnabling } = useDatabaseExtensionEnableMutation({
  onSuccess: () => {
- toast.success(`${extension.name} is on.`)
+ toast.success(`Extension "${extension.name}" is now enabled`)
  onCancel()
  },
  onError: (error) => {

apps/studio/components/interfaces/Integrations/Wrappers/OverviewTab.tsx

@@ -45,8 +45,10 @@ export const WrapperOverviewTab = () => {
  const isWrappersExtensionInstalled = !!wrappersExtension?.installed_version
  const hasRequiredVersion =
  (wrappersExtension?.installed_version ?? '') >= (wrapperMeta?.minimumExtensionVersion ?? '')
+ // [Joshen] Default version is what's on the DB, so if the installed version is already the default version
+ // but still doesnt meet the minimum extension version, then DB upgrade is required
  const databaseNeedsUpgrading =
- wrappersExtension?.installed_version !== wrappersExtension?.default_version
+ wrappersExtension?.installed_version === wrappersExtension?.default_version
 
  return (
  <IntegrationOverviewTab