diff --git a/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx b/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx index 99d18c684a9..2441c6da39a 100644 --- a/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx +++ b/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx @@ -1,16 +1,24 @@ import { PermissionAction } from '@supabase/shared-types/out/constants' -import { AlertTriangle, Book, Github, Loader2 } from 'lucide-react' +import { Book, Github, Loader2 } from 'lucide-react' import Link from 'next/link' import { useState } from 'react' import { extensions } from 'shared-data' import { toast } from 'sonner' -import { Button, Switch, TableCell, TableRow, Tooltip, TooltipContent, TooltipTrigger } from 'ui' +import { + Badge, + Button, + Switch, + TableCell, + TableRow, + Tooltip, + TooltipContent, + TooltipTrigger, +} from 'ui' import { Admonition } from 'ui-patterns/Admonition' import { ConfirmationModal } from 'ui-patterns/Dialogs/ConfirmationModal' import { EnableExtensionModal } from './EnableExtensionModal' import { EXTENSION_DISABLE_WARNINGS } from './Extensions.constants' -import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import { useDatabaseExtensionDisableMutation } from '@/data/database-extensions/database-extension-disable-mutation' import { DatabaseExtension } from '@/data/database-extensions/database-extensions-query' import { useAsyncCheckPermissions } from '@/hooks/misc/useCheckPermissions' @@ -67,18 +75,17 @@ export const ExtensionRow = ({ extension }: ExtensionRowProps) => { {extension.name} {extensionMeta?.deprecated && extensionMeta?.deprecated.length > 0 && ( - } - className="rounded-full" - tooltip={{ - content: { - text: `The extension is deprecated and will be removed in ${extensionMeta.deprecated.join(', ')}.`, - }, - }} - > - Deprecated - + + + + Deprecated + + + + The extension is deprecated and will be removed in{' '} + {extensionMeta.deprecated.join(', ')} + + )}