From 96d43099bbefbfd2d291e78d271b87b691b43f27 Mon Sep 17 00:00:00 2001 From: Gildas Garcia <1122076+djhi@users.noreply.github.com> Date: Tue, 16 Jun 2026 23:59:58 +0200 Subject: [PATCH] chore: refactor `Button` API so that it can be used a standard `button` (#46880) ## Problem Our ` diff --git a/apps/design-system/components/command-menu.tsx b/apps/design-system/components/command-menu.tsx index 2fa3cfee17f..89886d4a59e 100644 --- a/apps/design-system/components/command-menu.tsx +++ b/apps/design-system/components/command-menu.tsx @@ -54,7 +54,7 @@ export function CommandMenu({ ...props }: DialogProps) { return ( <> + ``` -_It is likely that the `type` prop will be changed to `variant` in the future._ - ## Link You can use the `buttonVariants` helper to create a link that looks like a button. @@ -47,9 +45,9 @@ Use the `size` prop to determine the size of the button. -### Types +### Variants -These are all the different `type` variations. +These are all the different `variant` variations. #### Primary @@ -61,15 +59,15 @@ Used for data insertion actions, confirming purchases, strong positive actions. Used for opening dialogs, navigating to pages, and other non CRUD actions. -This `type` will probably be the most used button type. -It will probably be changed to be the default type in future. +This `variant` will probably be the most used button variant. +It will probably be changed to be the default variant in future. #### Secondary Can be used for signaling a data or config change, but not as serious as a primary button. -For destructive or side effect actions, use the `destructive` or `warning` type. +For destructive or side effect actions, use the `destructive` or `warning` variant. @@ -83,7 +81,7 @@ Used for actions that might have a side effect, but not as serious as a destruct Used for actions that will have a serious destructive side effect, like deleting data. -prop `type` will probably be changed to `destructive` in the future. +prop `variant` will probably be changed to `destructive` in the future. @@ -97,7 +95,7 @@ Used for secondary actions, or actions that are not as important as the primary Used for actions that are not as important as the primary action, or for actions that are not as important as the primary action. -prop `type` will probably be changed to `ghost` in the future. +prop `variant` will probably be changed to `ghost` in the future. diff --git a/apps/design-system/content/docs/fragments/inner-side-menu.mdx b/apps/design-system/content/docs/fragments/inner-side-menu.mdx index 3850cea469e..73e21d85e97 100644 --- a/apps/design-system/content/docs/fragments/inner-side-menu.mdx +++ b/apps/design-system/content/docs/fragments/inner-side-menu.mdx @@ -118,7 +118,7 @@ Use the `actions` prop to add any actions like a ` } diff --git a/apps/design-system/content/docs/fragments/page-breadcrumbs.mdx b/apps/design-system/content/docs/fragments/page-breadcrumbs.mdx index 9b995f4a5ad..40375274ee3 100644 --- a/apps/design-system/content/docs/fragments/page-breadcrumbs.mdx +++ b/apps/design-system/content/docs/fragments/page-breadcrumbs.mdx @@ -24,7 +24,7 @@ import { PageBreadcrumbs, PageBreadcrumbsActions } from 'ui-patterns/PageBreadcr - diff --git a/apps/design-system/content/docs/fragments/page-header.mdx b/apps/design-system/content/docs/fragments/page-header.mdx index dd754709723..05fa7a1d1f8 100644 --- a/apps/design-system/content/docs/fragments/page-header.mdx +++ b/apps/design-system/content/docs/fragments/page-header.mdx @@ -44,7 +44,7 @@ Compound header for page context: optional icon, title, description, and aside a Manage email templates for your project. - diff --git a/apps/design-system/content/docs/fragments/text-confirm-dialog.mdx b/apps/design-system/content/docs/fragments/text-confirm-dialog.mdx index 12f90b69c7a..3dc9d17280a 100644 --- a/apps/design-system/content/docs/fragments/text-confirm-dialog.mdx +++ b/apps/design-system/content/docs/fragments/text-confirm-dialog.mdx @@ -29,7 +29,7 @@ export default function TextConfirmDialogDemo() { return ( <> - diff --git a/apps/design-system/content/docs/ui-patterns/modality.mdx b/apps/design-system/content/docs/ui-patterns/modality.mdx index ddb14d08fd0..adb2b0fc4e5 100644 --- a/apps/design-system/content/docs/ui-patterns/modality.mdx +++ b/apps/design-system/content/docs/ui-patterns/modality.mdx @@ -116,7 +116,7 @@ const { confirmOnClose, handleOpenChange, modalProps } = useConfirmOnClose({ ... - ... diff --git a/apps/design-system/registry/default/example/admonition-button.tsx b/apps/design-system/registry/default/example/admonition-button.tsx index b6251de2bef..2296942ff60 100644 --- a/apps/design-system/registry/default/example/admonition-button.tsx +++ b/apps/design-system/registry/default/example/admonition-button.tsx @@ -10,14 +10,14 @@ export default function AdmonitionDemo() { title="Set up custom SMTP" description="You’re using the built-in email service. This service has rate limits and is not meant to be used for production apps." - actions={} + actions={} /> Delete organization} + actions={} /> ) diff --git a/apps/design-system/registry/default/example/admonition-demo.tsx b/apps/design-system/registry/default/example/admonition-demo.tsx index 75040b9fc63..78e8a2300ff 100644 --- a/apps/design-system/registry/default/example/admonition-demo.tsx +++ b/apps/design-system/registry/default/example/admonition-demo.tsx @@ -9,7 +9,7 @@ export default function AdmonitionDemo() { title="OAuth Server is disabled" description="Enable OAuth Server to make your project act as an identity provider for third-party applications." - actions={} + actions={} /> ) } diff --git a/apps/design-system/registry/default/example/admonition-responsive.tsx b/apps/design-system/registry/default/example/admonition-responsive.tsx index 5ad40cdcc72..30b2d481ff8 100644 --- a/apps/design-system/registry/default/example/admonition-responsive.tsx +++ b/apps/design-system/registry/default/example/admonition-responsive.tsx @@ -8,7 +8,7 @@ export default function AdmonitionDemo() { layout="responsive" title="Disk management has moved" description="Disk management is now handled alongside Project Compute on the Compute and Disk page." - actions={} + actions={} /> ) } diff --git a/apps/design-system/registry/default/example/alert-dialog-async-error.tsx b/apps/design-system/registry/default/example/alert-dialog-async-error.tsx index 21cd9c9d7c1..188a256861a 100644 --- a/apps/design-system/registry/default/example/alert-dialog-async-error.tsx +++ b/apps/design-system/registry/default/example/alert-dialog-async-error.tsx @@ -36,7 +36,7 @@ export default function AlertDialogAsyncError() { return ( - + diff --git a/apps/design-system/registry/default/example/alert-dialog-async.tsx b/apps/design-system/registry/default/example/alert-dialog-async.tsx index a34c37fb463..47749ce1b84 100644 --- a/apps/design-system/registry/default/example/alert-dialog-async.tsx +++ b/apps/design-system/registry/default/example/alert-dialog-async.tsx @@ -19,7 +19,7 @@ export default function AlertDialogAsync() { return ( - + diff --git a/apps/design-system/registry/default/example/alert-dialog-close-only.tsx b/apps/design-system/registry/default/example/alert-dialog-close-only.tsx index 204d3e3b970..975ae516372 100644 --- a/apps/design-system/registry/default/example/alert-dialog-close-only.tsx +++ b/apps/design-system/registry/default/example/alert-dialog-close-only.tsx @@ -14,7 +14,7 @@ export default function AlertDialogCloseOnly() { return ( - + diff --git a/apps/design-system/registry/default/example/alert-dialog-demo.tsx b/apps/design-system/registry/default/example/alert-dialog-demo.tsx index 447be8975eb..d38011820e2 100644 --- a/apps/design-system/registry/default/example/alert-dialog-demo.tsx +++ b/apps/design-system/registry/default/example/alert-dialog-demo.tsx @@ -15,7 +15,7 @@ export default function AlertDialogDemo() { return ( - + diff --git a/apps/design-system/registry/default/example/alert-dialog-destructive.tsx b/apps/design-system/registry/default/example/alert-dialog-destructive.tsx index 6edea2532a1..62446169204 100644 --- a/apps/design-system/registry/default/example/alert-dialog-destructive.tsx +++ b/apps/design-system/registry/default/example/alert-dialog-destructive.tsx @@ -15,7 +15,7 @@ export default function AlertDialogDestructive() { return ( - + diff --git a/apps/design-system/registry/default/example/alert-dialog-warning.tsx b/apps/design-system/registry/default/example/alert-dialog-warning.tsx index 8b95feaa82a..82bd2d8c182 100644 --- a/apps/design-system/registry/default/example/alert-dialog-warning.tsx +++ b/apps/design-system/registry/default/example/alert-dialog-warning.tsx @@ -15,7 +15,7 @@ export default function AlertDialogWarning() { return ( - + diff --git a/apps/design-system/registry/default/example/button-default.tsx b/apps/design-system/registry/default/example/button-default.tsx index 33b22371e51..1a3c0024e20 100644 --- a/apps/design-system/registry/default/example/button-default.tsx +++ b/apps/design-system/registry/default/example/button-default.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonDemo() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-demo.tsx b/apps/design-system/registry/default/example/button-demo.tsx index be612ebfafa..50e28157d2a 100644 --- a/apps/design-system/registry/default/example/button-demo.tsx +++ b/apps/design-system/registry/default/example/button-demo.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonDemo() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-destructive.tsx b/apps/design-system/registry/default/example/button-destructive.tsx index 33e1c7005ec..7eb3d779f5a 100644 --- a/apps/design-system/registry/default/example/button-destructive.tsx +++ b/apps/design-system/registry/default/example/button-destructive.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonDestructive() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-ghost.tsx b/apps/design-system/registry/default/example/button-ghost.tsx index 0230b5a104b..3fe558ea80b 100644 --- a/apps/design-system/registry/default/example/button-ghost.tsx +++ b/apps/design-system/registry/default/example/button-ghost.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonGhost() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-icon.tsx b/apps/design-system/registry/default/example/button-icon.tsx index f140520b763..e9cac7c1660 100644 --- a/apps/design-system/registry/default/example/button-icon.tsx +++ b/apps/design-system/registry/default/example/button-icon.tsx @@ -2,5 +2,5 @@ import { ChevronRight } from 'lucide-react' import { Button } from 'ui' export default function ButtonIcon() { - return + return } diff --git a/apps/design-system/registry/default/example/button-link.tsx b/apps/design-system/registry/default/example/button-link.tsx index a34a15aa152..8710648d0b3 100644 --- a/apps/design-system/registry/default/example/button-link.tsx +++ b/apps/design-system/registry/default/example/button-link.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonLink() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-outline.tsx b/apps/design-system/registry/default/example/button-outline.tsx index da8039f0c4d..ce2f599701a 100644 --- a/apps/design-system/registry/default/example/button-outline.tsx +++ b/apps/design-system/registry/default/example/button-outline.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonOutline() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-secondary.tsx b/apps/design-system/registry/default/example/button-secondary.tsx index 59a1fdcdcaf..71f6cdc7e30 100644 --- a/apps/design-system/registry/default/example/button-secondary.tsx +++ b/apps/design-system/registry/default/example/button-secondary.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonSecondary() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/button-sizes.tsx b/apps/design-system/registry/default/example/button-sizes.tsx index d625a4e6305..9dbd9b642d2 100644 --- a/apps/design-system/registry/default/example/button-sizes.tsx +++ b/apps/design-system/registry/default/example/button-sizes.tsx @@ -4,19 +4,19 @@ import { Button } from 'ui' export default function ButtonDemo() { return (
- - - - -
diff --git a/apps/design-system/registry/default/example/button-warning.tsx b/apps/design-system/registry/default/example/button-warning.tsx index e50b6abc8c7..9257d0e2980 100644 --- a/apps/design-system/registry/default/example/button-warning.tsx +++ b/apps/design-system/registry/default/example/button-warning.tsx @@ -4,14 +4,14 @@ import { Button } from 'ui' export default function ButtonDemo() { return (
- - + - -
diff --git a/apps/design-system/registry/default/example/calendar-form.tsx b/apps/design-system/registry/default/example/calendar-form.tsx index c94a7f56050..99846d6f4b8 100644 --- a/apps/design-system/registry/default/example/calendar-form.tsx +++ b/apps/design-system/registry/default/example/calendar-form.tsx @@ -57,7 +57,7 @@ export default function CalendarForm() { + ) diff --git a/apps/design-system/registry/default/example/calendar-react-hook-form.tsx b/apps/design-system/registry/default/example/calendar-react-hook-form.tsx index fd580854922..7cc4683d4ed 100644 --- a/apps/design-system/registry/default/example/calendar-react-hook-form.tsx +++ b/apps/design-system/registry/default/example/calendar-react-hook-form.tsx @@ -57,7 +57,7 @@ export default function CalendarForm() { + ) diff --git a/apps/design-system/registry/default/example/checkbox-form-multiple.tsx b/apps/design-system/registry/default/example/checkbox-form-multiple.tsx index bbf536fedad..006ad6bad2a 100644 --- a/apps/design-system/registry/default/example/checkbox-form-multiple.tsx +++ b/apps/design-system/registry/default/example/checkbox-form-multiple.tsx @@ -112,7 +112,7 @@ export default function CheckboxReactHookFormMultiple() { )} /> - + ) diff --git a/apps/design-system/registry/default/example/checkbox-form-single.tsx b/apps/design-system/registry/default/example/checkbox-form-single.tsx index 8a9dad9fffd..f18d4a172ef 100644 --- a/apps/design-system/registry/default/example/checkbox-form-single.tsx +++ b/apps/design-system/registry/default/example/checkbox-form-single.tsx @@ -59,7 +59,7 @@ export default function CheckboxReactHookFormSingle() { )} /> - + ) diff --git a/apps/design-system/registry/default/example/collapsible-demo.tsx b/apps/design-system/registry/default/example/collapsible-demo.tsx index e989e8c154e..e9bf6e8d0c3 100644 --- a/apps/design-system/registry/default/example/collapsible-demo.tsx +++ b/apps/design-system/registry/default/example/collapsible-demo.tsx @@ -12,7 +12,7 @@ export default function CollapsibleDemo() {

@peduarte starred 3 repositories

- diff --git a/apps/design-system/registry/default/example/combobox-demo.tsx b/apps/design-system/registry/default/example/combobox-demo.tsx index b7f8fabd978..5216f8b4ada 100644 --- a/apps/design-system/registry/default/example/combobox-demo.tsx +++ b/apps/design-system/registry/default/example/combobox-demo.tsx @@ -48,7 +48,7 @@ export default function ComboboxDemo() { diff --git a/apps/design-system/registry/default/example/combobox-form.tsx b/apps/design-system/registry/default/example/combobox-form.tsx index b6cd2f507d1..a0a71ccd955 100644 --- a/apps/design-system/registry/default/example/combobox-form.tsx +++ b/apps/design-system/registry/default/example/combobox-form.tsx @@ -73,7 +73,7 @@ export default function ComboboxForm() { diff --git a/apps/design-system/registry/default/example/combobox-popover.tsx b/apps/design-system/registry/default/example/combobox-popover.tsx index 4c2df6b951c..3ddb32386cc 100644 --- a/apps/design-system/registry/default/example/combobox-popover.tsx +++ b/apps/design-system/registry/default/example/combobox-popover.tsx @@ -69,7 +69,7 @@ export default function ComboboxPopover() { diff --git a/apps/design-system/registry/default/example/confirmation-modal-demo.tsx b/apps/design-system/registry/default/example/confirmation-modal-demo.tsx index 49268e20a35..140ef286421 100644 --- a/apps/design-system/registry/default/example/confirmation-modal-demo.tsx +++ b/apps/design-system/registry/default/example/confirmation-modal-demo.tsx @@ -24,7 +24,7 @@ export default function ConfirmationModalDemo() { return ( <> -
Bad Example - - - + + +
Good Example - - - + + +
) diff --git a/apps/design-system/registry/default/example/copy-confirmations.tsx b/apps/design-system/registry/default/example/copy-confirmations.tsx index a60d869ab1b..d99d184b00c 100644 --- a/apps/design-system/registry/default/example/copy-confirmations.tsx +++ b/apps/design-system/registry/default/example/copy-confirmations.tsx @@ -18,10 +18,10 @@ export default function CopyConfirmations() {
- -
@@ -40,10 +40,10 @@ export default function CopyConfirmations() {
- -
diff --git a/apps/design-system/registry/default/example/copy-empty-states.tsx b/apps/design-system/registry/default/example/copy-empty-states.tsx index cf0415f5c28..7008b7ef0cf 100644 --- a/apps/design-system/registry/default/example/copy-empty-states.tsx +++ b/apps/design-system/registry/default/example/copy-empty-states.tsx @@ -25,7 +25,7 @@ export default function CopyEmptyStates() { title="No API keys" description="Generate a key to connect your application." > - + diff --git a/apps/design-system/registry/default/example/copy-loading-states.tsx b/apps/design-system/registry/default/example/copy-loading-states.tsx index db1259dc196..54c053276d5 100644 --- a/apps/design-system/registry/default/example/copy-loading-states.tsx +++ b/apps/design-system/registry/default/example/copy-loading-states.tsx @@ -8,13 +8,13 @@ export default function CopyLoadingStates() {
Bad Example
- - -
@@ -22,13 +22,13 @@ export default function CopyLoadingStates() {
Good Example
- - -
diff --git a/apps/design-system/registry/default/example/copy-tooltips.tsx b/apps/design-system/registry/default/example/copy-tooltips.tsx index 2e564e5c813..9faeb3c3243 100644 --- a/apps/design-system/registry/default/example/copy-tooltips.tsx +++ b/apps/design-system/registry/default/example/copy-tooltips.tsx @@ -13,7 +13,7 @@ export default function CopyTooltips() { @@ -303,7 +303,7 @@ export default function DataTableDemo() {
+ ) diff --git a/apps/design-system/registry/default/example/date-picker-with-presets.tsx b/apps/design-system/registry/default/example/date-picker-with-presets.tsx index 0641cad33b1..c4faa7f1d2e 100644 --- a/apps/design-system/registry/default/example/date-picker-with-presets.tsx +++ b/apps/design-system/registry/default/example/date-picker-with-presets.tsx @@ -25,7 +25,7 @@ export default function DatePickerWithPresets() { + @@ -40,7 +40,7 @@ export default function DialogDemo() {
- + diff --git a/apps/design-system/registry/default/example/dialog-close-button.tsx b/apps/design-system/registry/default/example/dialog-close-button.tsx index c1258a255e8..da8b2ab7e78 100644 --- a/apps/design-system/registry/default/example/dialog-close-button.tsx +++ b/apps/design-system/registry/default/example/dialog-close-button.tsx @@ -19,7 +19,7 @@ export default function DialogCloseButton() { return ( - + @@ -35,7 +35,7 @@ export default function DialogCloseButton() {
- @@ -43,7 +43,7 @@ export default function DialogCloseButton() { - diff --git a/apps/design-system/registry/default/example/dialog-demo.tsx b/apps/design-system/registry/default/example/dialog-demo.tsx index 455dd39f56e..9d6972d7b63 100644 --- a/apps/design-system/registry/default/example/dialog-demo.tsx +++ b/apps/design-system/registry/default/example/dialog-demo.tsx @@ -17,7 +17,7 @@ export default function DialogDemo() { return ( - + diff --git a/apps/design-system/registry/default/example/drawer-demo.tsx b/apps/design-system/registry/default/example/drawer-demo.tsx index c1fd6d08a64..22ce3dd8566 100644 --- a/apps/design-system/registry/default/example/drawer-demo.tsx +++ b/apps/design-system/registry/default/example/drawer-demo.tsx @@ -67,7 +67,7 @@ export default function DrawerDemo() { return ( - @@ -80,7 +80,7 @@ export default function DrawerDemo() {
- +
diff --git a/apps/design-system/registry/default/example/drawer-dialog.tsx b/apps/design-system/registry/default/example/drawer-dialog.tsx index c80bd29914f..b34a0df1ca9 100644 --- a/apps/design-system/registry/default/example/drawer-dialog.tsx +++ b/apps/design-system/registry/default/example/drawer-dialog.tsx @@ -32,7 +32,7 @@ export default function DrawerDialogDemo() { return ( - + @@ -50,7 +50,7 @@ export default function DrawerDialogDemo() { return ( - + @@ -62,7 +62,7 @@ export default function DrawerDialogDemo() { - + @@ -81,7 +81,7 @@ function ProfileForm({ className }: React.ComponentProps<'form'>) { - + ) } diff --git a/apps/design-system/registry/default/example/dropdown-menu-checkboxes.tsx b/apps/design-system/registry/default/example/dropdown-menu-checkboxes.tsx index 900ebe6903b..b830175419d 100644 --- a/apps/design-system/registry/default/example/dropdown-menu-checkboxes.tsx +++ b/apps/design-system/registry/default/example/dropdown-menu-checkboxes.tsx @@ -22,7 +22,7 @@ export default function DropdownMenuCheckboxes() { return ( - + Appearance diff --git a/apps/design-system/registry/default/example/dropdown-menu-demo.tsx b/apps/design-system/registry/default/example/dropdown-menu-demo.tsx index 56829f81456..40ca46ba1d3 100644 --- a/apps/design-system/registry/default/example/dropdown-menu-demo.tsx +++ b/apps/design-system/registry/default/example/dropdown-menu-demo.tsx @@ -34,7 +34,7 @@ export default function DropdownMenuDemo() { return ( - + My Account diff --git a/apps/design-system/registry/default/example/dropdown-menu-radio-group.tsx b/apps/design-system/registry/default/example/dropdown-menu-radio-group.tsx index c9b7ab86b89..311bda5f61a 100644 --- a/apps/design-system/registry/default/example/dropdown-menu-radio-group.tsx +++ b/apps/design-system/registry/default/example/dropdown-menu-radio-group.tsx @@ -18,7 +18,7 @@ export default function DropdownMenuRadioGroupDemo() { return ( - + Panel Position diff --git a/apps/design-system/registry/default/example/empty-state-initial-state-informational.tsx b/apps/design-system/registry/default/example/empty-state-initial-state-informational.tsx index 5c45d693e64..81832e46c20 100644 --- a/apps/design-system/registry/default/example/empty-state-initial-state-informational.tsx +++ b/apps/design-system/registry/default/example/empty-state-initial-state-informational.tsx @@ -4,7 +4,7 @@ import { Button, Card, Table, TableBody, TableCell, TableHead, TableHeader, Tabl export default function EmptyStateZeroItemsTable() { return (
- diff --git a/apps/design-system/registry/default/example/empty-state-missing-route.tsx b/apps/design-system/registry/default/example/empty-state-missing-route.tsx index 004dd0e1cbc..5f5c716b9a6 100644 --- a/apps/design-system/registry/default/example/empty-state-missing-route.tsx +++ b/apps/design-system/registry/default/example/empty-state-missing-route.tsx @@ -13,7 +13,7 @@ export default function EmptyStateMissingRoute() { title="Unable to find bucket" description={`${bucketId ? `The bucket “${bucketId}”` : 'This bucket'} doesn’t seem to exist.`} > - @@ -29,7 +29,7 @@ export default function EmptyStatePresentationalIcon() { title="Add a provider" description="Use third-party authentication systems to access your project." > - diff --git a/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx b/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx index 7b79318535a..cf33f0e62f3 100644 --- a/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx +++ b/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx @@ -8,7 +8,7 @@ export default function EmptyStatePresentationalIcon() { title="Create an auth hook" description="Use Postgres functions or HTTP endpoints to customize your authentication flow." > - diff --git a/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx b/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx index 2da35261df0..ba9e158d59b 100644 --- a/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx +++ b/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx @@ -10,7 +10,7 @@ export default function EmptyStatePresentationalIcon() { title="Create a vector bucket" description="Store, index, and query your vector embeddings at scale." > - diff --git a/apps/design-system/registry/default/example/field-demo.tsx b/apps/design-system/registry/default/example/field-demo.tsx index 09fe7a26a82..7f73f348158 100644 --- a/apps/design-system/registry/default/example/field-demo.tsx +++ b/apps/design-system/registry/default/example/field-demo.tsx @@ -112,8 +112,8 @@ export default function FieldDemo() { - - + diff --git a/apps/design-system/registry/default/example/field-responsive.tsx b/apps/design-system/registry/default/example/field-responsive.tsx index 1f00b1a2835..568e583485d 100644 --- a/apps/design-system/registry/default/example/field-responsive.tsx +++ b/apps/design-system/registry/default/example/field-responsive.tsx @@ -43,8 +43,8 @@ export default function FieldResponsive() { - - + diff --git a/apps/design-system/registry/default/example/filter-bar-demo.tsx b/apps/design-system/registry/default/example/filter-bar-demo.tsx index 0b11a8889df..497a1ddecd8 100644 --- a/apps/design-system/registry/default/example/filter-bar-demo.tsx +++ b/apps/design-system/registry/default/example/filter-bar-demo.tsx @@ -25,11 +25,11 @@ function CustomDatePicker({ onChange, onCancel, search }: CustomOptionProps) { className="w-full" />
- diff --git a/apps/design-system/registry/default/example/form-item-layout-before-label.tsx b/apps/design-system/registry/default/example/form-item-layout-before-label.tsx index a3c7813ec3d..22e5dd8ebbf 100644 --- a/apps/design-system/registry/default/example/form-item-layout-before-label.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-before-label.tsx @@ -42,7 +42,7 @@ export default function FormItemLayoutDemo() { )} /> - diff --git a/apps/design-system/registry/default/example/form-item-layout-demo.tsx b/apps/design-system/registry/default/example/form-item-layout-demo.tsx index 6adef61bc1c..3c448902ab5 100644 --- a/apps/design-system/registry/default/example/form-item-layout-demo.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-demo.tsx @@ -45,7 +45,7 @@ export default function FormItemLayoutDemo() { )} /> - diff --git a/apps/design-system/registry/default/example/form-item-layout-with-checkbox-list.tsx b/apps/design-system/registry/default/example/form-item-layout-with-checkbox-list.tsx index f9918829395..75eaccf274e 100644 --- a/apps/design-system/registry/default/example/form-item-layout-with-checkbox-list.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-with-checkbox-list.tsx @@ -95,7 +95,7 @@ export default function FormItemLayoutDemo() { )} /> - diff --git a/apps/design-system/registry/default/example/form-item-layout-with-checkbox.tsx b/apps/design-system/registry/default/example/form-item-layout-with-checkbox.tsx index eed49414ff1..7768d0a9559 100644 --- a/apps/design-system/registry/default/example/form-item-layout-with-checkbox.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-with-checkbox.tsx @@ -39,7 +39,7 @@ export default function FormItemLayoutDemo() { )} /> - diff --git a/apps/design-system/registry/default/example/form-item-layout-with-horizontal.tsx b/apps/design-system/registry/default/example/form-item-layout-with-horizontal.tsx index 73cf02f14ba..4ca0348f374 100644 --- a/apps/design-system/registry/default/example/form-item-layout-with-horizontal.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-with-horizontal.tsx @@ -48,7 +48,7 @@ export default function FormItemLayoutDemo() { />
-
diff --git a/apps/design-system/registry/default/example/form-item-layout-with-select.tsx b/apps/design-system/registry/default/example/form-item-layout-with-select.tsx index 171cff0daf9..735bfdfccaf 100644 --- a/apps/design-system/registry/default/example/form-item-layout-with-select.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-with-select.tsx @@ -62,7 +62,7 @@ export default function FormItemLayoutDemo() { )} /> - diff --git a/apps/design-system/registry/default/example/form-item-layout-with-switch.tsx b/apps/design-system/registry/default/example/form-item-layout-with-switch.tsx index f0bd8a5f991..c99009750a4 100644 --- a/apps/design-system/registry/default/example/form-item-layout-with-switch.tsx +++ b/apps/design-system/registry/default/example/form-item-layout-with-switch.tsx @@ -40,7 +40,7 @@ export default function FormItemLayoutDemo() { )} /> - diff --git a/apps/design-system/registry/default/example/form-patterns-pagelayout.tsx b/apps/design-system/registry/default/example/form-patterns-pagelayout.tsx index 20cd3d30009..d3c6ef7d14d 100644 --- a/apps/design-system/registry/default/example/form-patterns-pagelayout.tsx +++ b/apps/design-system/registry/default/example/form-patterns-pagelayout.tsx @@ -336,7 +336,7 @@ export default function FormPatternsPageLayout() {
{logoUrl && ( -
@@ -771,11 +771,11 @@ export default function FormPatternsPageLayout() { {form.formState.isDirty && ( - )} - diff --git a/apps/design-system/registry/default/example/form-patterns-sidepanel.tsx b/apps/design-system/registry/default/example/form-patterns-sidepanel.tsx index 6c729295442..99c75e107ec 100644 --- a/apps/design-system/registry/default/example/form-patterns-sidepanel.tsx +++ b/apps/design-system/registry/default/example/form-patterns-sidepanel.tsx @@ -143,7 +143,7 @@ export default function FormPatternsSidePanel() { return ( <> - @@ -325,7 +325,7 @@ export default function FormPatternsSidePanel() {
{logoUrl && ( -
@@ -785,7 +785,7 @@ export default function FormPatternsSidePanel() { - diff --git a/apps/design-system/registry/default/example/hover-card-demo.tsx b/apps/design-system/registry/default/example/hover-card-demo.tsx index 251268b2960..2ed023b6710 100644 --- a/apps/design-system/registry/default/example/hover-card-demo.tsx +++ b/apps/design-system/registry/default/example/hover-card-demo.tsx @@ -13,7 +13,7 @@ export default function HoverCardDemo() { return ( - +
diff --git a/apps/design-system/registry/default/example/inner-side-menu-empty.tsx b/apps/design-system/registry/default/example/inner-side-menu-empty.tsx index bf4bf8b2fe8..0dfb4c6d029 100644 --- a/apps/design-system/registry/default/example/inner-side-menu-empty.tsx +++ b/apps/design-system/registry/default/example/inner-side-menu-empty.tsx @@ -34,7 +34,7 @@ export default function InnerSideMenuEmpty() { description="Create your first serverless function to get started." illustration={
🚀
} actions={ - } @@ -62,7 +62,7 @@ export default function InnerSideMenuEmpty() { } actions={ - } diff --git a/apps/design-system/registry/default/example/input-form.tsx b/apps/design-system/registry/default/example/input-form.tsx index d0d229600d6..2bb3773c45f 100644 --- a/apps/design-system/registry/default/example/input-form.tsx +++ b/apps/design-system/registry/default/example/input-form.tsx @@ -57,7 +57,7 @@ export default function InputForm() { )} /> - diff --git a/apps/design-system/registry/default/example/input-otp-form.tsx b/apps/design-system/registry/default/example/input-otp-form.tsx index 8a76ba413b6..41c6cb342b8 100644 --- a/apps/design-system/registry/default/example/input-otp-form.tsx +++ b/apps/design-system/registry/default/example/input-otp-form.tsx @@ -71,7 +71,7 @@ export default function InputOTPForm() { )} /> - + ) diff --git a/apps/design-system/registry/default/example/input-with-button.tsx b/apps/design-system/registry/default/example/input-with-button.tsx index 739d2f0ea19..d948c6f37ff 100644 --- a/apps/design-system/registry/default/example/input-with-button.tsx +++ b/apps/design-system/registry/default/example/input-with-button.tsx @@ -4,7 +4,7 @@ export default function InputWithButton() { return (
-
diff --git a/apps/design-system/registry/default/example/key-value-field-array-demo.tsx b/apps/design-system/registry/default/example/key-value-field-array-demo.tsx index ba214ed192d..fa6a99f7015 100644 --- a/apps/design-system/registry/default/example/key-value-field-array-demo.tsx +++ b/apps/design-system/registry/default/example/key-value-field-array-demo.tsx @@ -64,7 +64,7 @@ export default function KeyValueFieldArrayDemo() {
-
diff --git a/apps/design-system/registry/default/example/keyboard-shortcut-demo.tsx b/apps/design-system/registry/default/example/keyboard-shortcut-demo.tsx index 5d1dc8919ef..022667bee56 100644 --- a/apps/design-system/registry/default/example/keyboard-shortcut-demo.tsx +++ b/apps/design-system/registry/default/example/keyboard-shortcut-demo.tsx @@ -12,7 +12,7 @@ export default function KeyboardShortcutDemo() {
Limit: {limit} -
diff --git a/apps/design-system/registry/default/example/navigation-menu-demo.tsx b/apps/design-system/registry/default/example/navigation-menu-demo.tsx index c36b5c6bd88..66a6fa24fac 100644 --- a/apps/design-system/registry/default/example/navigation-menu-demo.tsx +++ b/apps/design-system/registry/default/example/navigation-menu-demo.tsx @@ -57,7 +57,9 @@ export default function NavigationMenuDemo() { - + Getting started @@ -90,7 +92,9 @@ export default function NavigationMenuDemo() { - + Components @@ -106,7 +110,7 @@ export default function NavigationMenuDemo() { Documentation diff --git a/apps/design-system/registry/default/example/navigation-menu-responsive.tsx b/apps/design-system/registry/default/example/navigation-menu-responsive.tsx index b5c4b309fd0..fdd08d09365 100644 --- a/apps/design-system/registry/default/example/navigation-menu-responsive.tsx +++ b/apps/design-system/registry/default/example/navigation-menu-responsive.tsx @@ -91,7 +91,9 @@ export default function NavigationMenuDemo() { - + Components @@ -105,7 +107,9 @@ export default function NavigationMenuDemo() { - + Components @@ -119,7 +123,9 @@ export default function NavigationMenuDemo() { - + Components @@ -133,7 +139,9 @@ export default function NavigationMenuDemo() { - + Components @@ -149,7 +157,7 @@ export default function NavigationMenuDemo() { Documentation diff --git a/apps/design-system/registry/default/example/page-breadcrumbs-demo.tsx b/apps/design-system/registry/default/example/page-breadcrumbs-demo.tsx index 52f7576f8a4..66d569de0e2 100644 --- a/apps/design-system/registry/default/example/page-breadcrumbs-demo.tsx +++ b/apps/design-system/registry/default/example/page-breadcrumbs-demo.tsx @@ -15,7 +15,7 @@ export default function PageBreadcrumbsDemo() { - diff --git a/apps/design-system/registry/default/example/page-header-demo.tsx b/apps/design-system/registry/default/example/page-header-demo.tsx index 2122eec82db..87fc94bcbb8 100644 --- a/apps/design-system/registry/default/example/page-header-demo.tsx +++ b/apps/design-system/registry/default/example/page-header-demo.tsx @@ -27,10 +27,10 @@ export default function PageHeaderDemo() { - - diff --git a/apps/design-system/registry/default/example/page-layout-auth-emails.tsx b/apps/design-system/registry/default/example/page-layout-auth-emails.tsx index 80b4d2ddd2d..34e10c0ec80 100644 --- a/apps/design-system/registry/default/example/page-layout-auth-emails.tsx +++ b/apps/design-system/registry/default/example/page-layout-auth-emails.tsx @@ -196,7 +196,7 @@ function TemplatesPage({ onNavigateToSmtp }: { onNavigateToSmtp: () => void }) { layout="horizontal" className="mb-4" actions={ - } @@ -272,13 +272,13 @@ function TemplatesPage({ onNavigateToSmtp }: { onNavigateToSmtp: () => void }) { })} {notificationsForm.formState.isDirty && ( - )} )} - diff --git a/apps/design-system/registry/default/example/page-layout-detail.tsx b/apps/design-system/registry/default/example/page-layout-detail.tsx index d00260180b6..da13e6047dc 100644 --- a/apps/design-system/registry/default/example/page-layout-detail.tsx +++ b/apps/design-system/registry/default/example/page-layout-detail.tsx @@ -82,7 +82,7 @@ export default function PageLayoutDetail() {

March 15, 2024

-
@@ -114,7 +114,7 @@ export default function PageLayoutDetail() {

$234.50

-
@@ -146,7 +146,7 @@ export default function PageLayoutDetail() {

12/2025

-
diff --git a/apps/design-system/registry/default/example/page-layout-edge-function.tsx b/apps/design-system/registry/default/example/page-layout-edge-function.tsx index 7920f39bb51..1a9aeeaa5bc 100644 --- a/apps/design-system/registry/default/example/page-layout-edge-function.tsx +++ b/apps/design-system/registry/default/example/page-layout-edge-function.tsx @@ -234,10 +234,10 @@ export default function PageLayoutEdgeFunction() { - - @@ -394,7 +394,7 @@ function OverviewPage() { {CHART_INTERVALS.map((item, index) => ( @@ -703,7 +703,7 @@ function CodePage() {

Files

- @@ -735,7 +735,7 @@ function CodePage() {
diff --git a/apps/design-system/registry/default/example/page-layout-list-simple.tsx b/apps/design-system/registry/default/example/page-layout-list-simple.tsx index 766d91201d9..5c9766ed78e 100644 --- a/apps/design-system/registry/default/example/page-layout-list-simple.tsx +++ b/apps/design-system/registry/default/example/page-layout-list-simple.tsx @@ -63,7 +63,7 @@ export default function PageLayoutListSimple() { - @@ -92,7 +92,7 @@ export default function PageLayoutListSimple() { - diff --git a/apps/design-system/registry/default/example/page-layout-list.tsx b/apps/design-system/registry/default/example/page-layout-list.tsx index 12315fdc206..225c0428bcc 100644 --- a/apps/design-system/registry/default/example/page-layout-list.tsx +++ b/apps/design-system/registry/default/example/page-layout-list.tsx @@ -102,7 +102,7 @@ export default function PageLayoutList() {
- + @@ -126,7 +126,7 @@ export default function PageLayoutList() { - diff --git a/apps/design-system/registry/default/example/page-layout-logs-content.tsx b/apps/design-system/registry/default/example/page-layout-logs-content.tsx index c97b4eebeec..6826cb565fc 100644 --- a/apps/design-system/registry/default/example/page-layout-logs-content.tsx +++ b/apps/design-system/registry/default/example/page-layout-logs-content.tsx @@ -118,10 +118,10 @@ export function PageLayoutLogsContent() { />
- -
diff --git a/apps/design-system/registry/default/example/page-layout-settings.tsx b/apps/design-system/registry/default/example/page-layout-settings.tsx index f31f82337ba..85fb5a8d518 100644 --- a/apps/design-system/registry/default/example/page-layout-settings.tsx +++ b/apps/design-system/registry/default/example/page-layout-settings.tsx @@ -161,13 +161,13 @@ export default function PageLayoutSettings() { {refreshTokenForm.formState.isDirty && ( - )} )} diff --git a/apps/design-system/registry/default/example/page-section-with-aside.tsx b/apps/design-system/registry/default/example/page-section-with-aside.tsx index 98e32f8ac9c..bd6ae3f60e7 100644 --- a/apps/design-system/registry/default/example/page-section-with-aside.tsx +++ b/apps/design-system/registry/default/example/page-section-with-aside.tsx @@ -21,10 +21,10 @@ export default function PageSectionWithAside() { - - diff --git a/apps/design-system/registry/default/example/popover-demo.tsx b/apps/design-system/registry/default/example/popover-demo.tsx index 97ef6f8b486..6495d03a289 100644 --- a/apps/design-system/registry/default/example/popover-demo.tsx +++ b/apps/design-system/registry/default/example/popover-demo.tsx @@ -4,7 +4,7 @@ export default function PopoverDemo() { return ( - +
diff --git a/apps/design-system/registry/default/example/radio-group-card-form.tsx b/apps/design-system/registry/default/example/radio-group-card-form.tsx index 1987aaca024..c873f87056f 100644 --- a/apps/design-system/registry/default/example/radio-group-card-form.tsx +++ b/apps/design-system/registry/default/example/radio-group-card-form.tsx @@ -74,7 +74,7 @@ export default function RadioGroupForm() { )} /> - diff --git a/apps/design-system/registry/default/example/radio-group-form.tsx b/apps/design-system/registry/default/example/radio-group-form.tsx index aa9368758ab..edd035db328 100644 --- a/apps/design-system/registry/default/example/radio-group-form.tsx +++ b/apps/design-system/registry/default/example/radio-group-form.tsx @@ -76,7 +76,7 @@ export default function RadioGroupForm() { )} /> - + ) diff --git a/apps/design-system/registry/default/example/radio-group-stacked-form.tsx b/apps/design-system/registry/default/example/radio-group-stacked-form.tsx index ef1a4df1cf2..bda3ef3925c 100644 --- a/apps/design-system/registry/default/example/radio-group-stacked-form.tsx +++ b/apps/design-system/registry/default/example/radio-group-stacked-form.tsx @@ -73,7 +73,7 @@ export default function RadioGroupForm() { )} /> - diff --git a/apps/design-system/registry/default/example/select-form.tsx b/apps/design-system/registry/default/example/select-form.tsx index c8089a74c3e..5fba20bbe34 100644 --- a/apps/design-system/registry/default/example/select-form.tsx +++ b/apps/design-system/registry/default/example/select-form.tsx @@ -73,7 +73,7 @@ export default function SelectForm() { )} /> - diff --git a/apps/design-system/registry/default/example/sheet-confirm-on-close-demo.tsx b/apps/design-system/registry/default/example/sheet-confirm-on-close-demo.tsx index 4270ad97ffb..d7a4aa06e3c 100644 --- a/apps/design-system/registry/default/example/sheet-confirm-on-close-demo.tsx +++ b/apps/design-system/registry/default/example/sheet-confirm-on-close-demo.tsx @@ -168,7 +168,7 @@ export default function SheetConfirmOnCloseDemo() { return ( <> - @@ -210,7 +210,7 @@ export default function SheetConfirmOnCloseDemo() { - + @@ -44,7 +44,7 @@ export default function SheetDemo() {
- + diff --git a/apps/design-system/registry/default/example/sheet-nonmodal.tsx b/apps/design-system/registry/default/example/sheet-nonmodal.tsx index 203b68fe4bc..fb0bbf2871e 100644 --- a/apps/design-system/registry/default/example/sheet-nonmodal.tsx +++ b/apps/design-system/registry/default/example/sheet-nonmodal.tsx @@ -14,7 +14,7 @@ export default function SheetNonmodal() { return ( - + @@ -29,7 +29,7 @@ export default function SheetNonmodal() { - + diff --git a/apps/design-system/registry/default/example/sheet-side.tsx b/apps/design-system/registry/default/example/sheet-side.tsx index aee3e308180..85011f61b49 100644 --- a/apps/design-system/registry/default/example/sheet-side.tsx +++ b/apps/design-system/registry/default/example/sheet-side.tsx @@ -24,7 +24,7 @@ export default function SheetSide() { {SHEET_SIDES.map((side) => ( - + @@ -49,7 +49,7 @@ export default function SheetSide() { - diff --git a/apps/design-system/registry/default/example/single-value-field-array-demo.tsx b/apps/design-system/registry/default/example/single-value-field-array-demo.tsx index 9c30dc9dbf7..fa7c94c5339 100644 --- a/apps/design-system/registry/default/example/single-value-field-array-demo.tsx +++ b/apps/design-system/registry/default/example/single-value-field-array-demo.tsx @@ -45,7 +45,7 @@ export default function SingleValueFieldArrayDemo() {
-
diff --git a/apps/design-system/registry/default/example/sonner-demo.tsx b/apps/design-system/registry/default/example/sonner-demo.tsx index d2687e6071e..60df9fe7902 100644 --- a/apps/design-system/registry/default/example/sonner-demo.tsx +++ b/apps/design-system/registry/default/example/sonner-demo.tsx @@ -4,7 +4,7 @@ import { Button } from 'ui' export default function SonnerDemo() { return ( - - - + ) } diff --git a/apps/design-system/registry/default/example/sonner-upload.tsx b/apps/design-system/registry/default/example/sonner-upload.tsx index 5d2fcc38b1b..6ccffee9a3b 100644 --- a/apps/design-system/registry/default/example/sonner-upload.tsx +++ b/apps/design-system/registry/default/example/sonner-upload.tsx @@ -60,7 +60,7 @@ export default function SonnerUpload() { return (
- diff --git a/apps/design-system/registry/default/example/table-actions.tsx b/apps/design-system/registry/default/example/table-actions.tsx index 3c59609353a..679cfb7cb7d 100644 --- a/apps/design-system/registry/default/example/table-actions.tsx +++ b/apps/design-system/registry/default/example/table-actions.tsx @@ -54,13 +54,13 @@ export default function TableActions() { {user.name} {user.email} - diff --git a/apps/design-system/registry/default/example/text-confirm-dialog-with-cancel-button.tsx b/apps/design-system/registry/default/example/text-confirm-dialog-with-cancel-button.tsx index e61c211dbcd..cea3f602613 100644 --- a/apps/design-system/registry/default/example/text-confirm-dialog-with-cancel-button.tsx +++ b/apps/design-system/registry/default/example/text-confirm-dialog-with-cancel-button.tsx @@ -24,7 +24,7 @@ const TextConfirmModalWithCancelButton = () => { return ( <> - { return ( <> - { return ( <> - )} /> - diff --git a/apps/design-system/registry/default/example/tooltip-demo.tsx b/apps/design-system/registry/default/example/tooltip-demo.tsx index f347278c438..d6abaf36db2 100644 --- a/apps/design-system/registry/default/example/tooltip-demo.tsx +++ b/apps/design-system/registry/default/example/tooltip-demo.tsx @@ -5,7 +5,7 @@ export default function TooltipDemo() { - +

Add to library

diff --git a/apps/docs/app/error.tsx b/apps/docs/app/error.tsx index 088bd8ee81d..716873821f0 100644 --- a/apps/docs/app/error.tsx +++ b/apps/docs/app/error.tsx @@ -16,10 +16,10 @@ const ErrorPage = ({ error }) => { Sorry, something went wrong
- -
diff --git a/apps/docs/app/not-found.tsx b/apps/docs/app/not-found.tsx index 14606cd8c1e..0df7cfa32b2 100644 --- a/apps/docs/app/not-found.tsx +++ b/apps/docs/app/not-found.tsx @@ -1,11 +1,9 @@ -import { type Metadata } from 'next' -import Link from 'next/link' - -import { Button } from 'ui' - import { Recommendations, SearchButton } from '~/features/recommendations/NotFound.client' import { LayoutMainContent } from '~/layouts/DefaultLayout' import { SidebarSkeleton } from '~/layouts/MainSkeleton' +import { type Metadata } from 'next' +import Link from 'next/link' +import { Button } from 'ui' export default function NotFound() { return ( @@ -19,12 +17,12 @@ export default function NotFound() {

- - + diff --git a/apps/docs/components/Feedback/Feedback.tsx b/apps/docs/components/Feedback/Feedback.tsx index d62a9f0f475..ba4afd00ace 100644 --- a/apps/docs/components/Feedback/Feedback.tsx +++ b/apps/docs/components/Feedback/Feedback.tsx @@ -152,7 +152,7 @@ function Feedback({ className }: { className?: string }) { className="relative flex gap-2 items-center" > -
diff --git a/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx index 82a6bf3a196..7c9fb2c367a 100644 --- a/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx @@ -162,7 +162,7 @@ const GlobalMobileMenu = ({ open, setOpen }: Props) => { ) : ( <> - diff --git a/apps/docs/features/recommendations/NotFound.client.tsx b/apps/docs/features/recommendations/NotFound.client.tsx index aa63e278fc2..b418fb2128b 100644 --- a/apps/docs/features/recommendations/NotFound.client.tsx +++ b/apps/docs/features/recommendations/NotFound.client.tsx @@ -14,7 +14,7 @@ function SearchButton() { const setCommandMenuOpen = useSetCommandMenuOpen() return ( - ) diff --git a/apps/docs/features/ui/InfoTooltip.tsx b/apps/docs/features/ui/InfoTooltip.tsx index d604a0047b1..84cd2767d05 100644 --- a/apps/docs/features/ui/InfoTooltip.tsx +++ b/apps/docs/features/ui/InfoTooltip.tsx @@ -111,7 +111,7 @@ const InfoTooltip = ({

{children}

- diff --git a/apps/docs/features/ui/McpConfigPanel.tsx b/apps/docs/features/ui/McpConfigPanel.tsx index ec2cd3c752f..d8823dc2bc3 100644 --- a/apps/docs/features/ui/McpConfigPanel.tsx +++ b/apps/docs/features/ui/McpConfigPanel.tsx @@ -104,7 +104,7 @@ function ProjectSelector({ {!isUserLoading && !isLoggedIn ? ( - diff --git a/apps/learn/components/command-menu.tsx b/apps/learn/components/command-menu.tsx index 75f055f9a8f..597f5a00fce 100644 --- a/apps/learn/components/command-menu.tsx +++ b/apps/learn/components/command-menu.tsx @@ -53,7 +53,7 @@ export function CommandMenu({ ...props }: DialogProps) { return ( <> - - + + + @@ -168,8 +168,8 @@ export default function ProjectPage() {
- - + +
diff --git a/apps/studio/components/grid/components/editor/DateTimeEditor.tsx b/apps/studio/components/grid/components/editor/DateTimeEditor.tsx index a546af127e1..d0133a7f547 100644 --- a/apps/studio/components/grid/components/editor/DateTimeEditor.tsx +++ b/apps/studio/components/grid/components/editor/DateTimeEditor.tsx @@ -141,13 +141,17 @@ function BaseEditor({
{isNullable ? ( <> - )} diff --git a/apps/studio/components/grid/components/editor/TextEditor.tsx b/apps/studio/components/grid/components/editor/TextEditor.tsx index 0b3bfe907c4..59f37c33a1b 100644 --- a/apps/studio/components/grid/components/editor/TextEditor.tsx +++ b/apps/studio/components/grid/components/editor/TextEditor.tsx @@ -160,7 +160,7 @@ export const TextEditor = ({
- diff --git a/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx b/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx index 5320b2c5e38..5e096526974 100644 --- a/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx +++ b/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx @@ -60,7 +60,7 @@ export const SaveQueueActionBar = () => {
@@ -197,7 +197,7 @@ export const Pagination = ({ enableForeignRowsQuery = true }: PaginationProps) =
{isLoading ? ( - + diff --git a/apps/studio/components/grid/components/grid/AddColumn.tsx b/apps/studio/components/grid/components/grid/AddColumn.tsx index 69c0a4dbef8..d877d2d2d42 100644 --- a/apps/studio/components/grid/components/grid/AddColumn.tsx +++ b/apps/studio/components/grid/components/grid/AddColumn.tsx @@ -32,7 +32,7 @@ const AddColumnHeader = () => { return (
-
) } diff --git a/apps/studio/components/grid/components/grid/Grid.tsx b/apps/studio/components/grid/components/grid/Grid.tsx index f4d9f757a00..04cad32dd0b 100644 --- a/apps/studio/components/grid/components/grid/Grid.tsx +++ b/apps/studio/components/grid/components/grid/Grid.tsx @@ -299,7 +299,7 @@ export const Grid = memo(

This page does not have any data

@@ -158,7 +158,7 @@ const InvalidOrderingOperatorError = ({ error }: { error: ResponseError }) => { Error: {error.message}

- diff --git a/apps/studio/components/grid/components/grid/SelectColumn.tsx b/apps/studio/components/grid/components/grid/SelectColumn.tsx index 77ca3527b95..3434f3845d1 100644 --- a/apps/studio/components/grid/components/grid/SelectColumn.tsx +++ b/apps/studio/components/grid/components/grid/SelectColumn.tsx @@ -147,7 +147,7 @@ function SelectCellFormatter({ {row && ( } diff --git a/apps/studio/components/grid/components/header/ExportDialog.tsx b/apps/studio/components/grid/components/header/ExportDialog.tsx index 0ab3441398b..727ffb603fa 100644 --- a/apps/studio/components/grid/components/header/ExportDialog.tsx +++ b/apps/studio/components/grid/components/header/ExportDialog.tsx @@ -148,7 +148,7 @@ pg_dump -h ${db_host} -p ${db_port} -d ${db_name} -U ${db_user} --table="${table )} - diff --git a/apps/studio/components/grid/components/header/Header.tsx b/apps/studio/components/grid/components/header/Header.tsx index 0ea1eb2e2fe..e264ec62670 100644 --- a/apps/studio/components/grid/components/header/Header.tsx +++ b/apps/studio/components/grid/components/header/Header.tsx @@ -343,7 +343,12 @@ const RowHeader = ({ tableQueriesEnabled = true }: RowHeaderProps) => { {!snap.allRowsSelected ? ( - @@ -356,7 +361,7 @@ const RowHeader = ({ tableQueriesEnabled = true }: RowHeaderProps) => { ) : ( { - @@ -402,7 +412,7 @@ const RowHeader = ({ tableQueriesEnabled = true }: RowHeaderProps) => { options={{ registerInCommandMenu: true }} side="bottom" > - @@ -421,7 +431,7 @@ const RowHeader = ({ tableQueriesEnabled = true }: RowHeaderProps) => { }} > } onClick={onRowsDelete} diff --git a/apps/studio/components/grid/components/header/RefreshButton.tsx b/apps/studio/components/grid/components/header/RefreshButton.tsx index d71f8945867..5c9cdf67f89 100644 --- a/apps/studio/components/grid/components/header/RefreshButton.tsx +++ b/apps/studio/components/grid/components/header/RefreshButton.tsx @@ -32,7 +32,7 @@ export const RefreshButton = ({ tableId, isRefetching }: RefreshButtonProps) => side="bottom" > -
diff --git a/apps/studio/components/grid/components/header/filter/FilterPopoverPrimitive.tsx b/apps/studio/components/grid/components/header/filter/FilterPopoverPrimitive.tsx index eb584ba0d37..d0b5f646f43 100644 --- a/apps/studio/components/grid/components/header/filter/FilterPopoverPrimitive.tsx +++ b/apps/studio/components/grid/components/header/filter/FilterPopoverPrimitive.tsx @@ -82,7 +82,7 @@ export const FilterPopoverPrimitive = ({ return ( - @@ -110,12 +110,12 @@ export const FilterPopoverPrimitive = ({
- @@ -288,7 +288,7 @@ export const SortPopoverPrimitive = ({ > @@ -148,7 +148,7 @@ export const CreatePublishableAPIKeyDialog = () => { options={{ enabled: visible === 'publishable' && !isCreatingAPIKey }} side="top" > - diff --git a/apps/studio/components/interfaces/APIKeys/CreateSecretAPIKeyDialog.tsx b/apps/studio/components/interfaces/APIKeys/CreateSecretAPIKeyDialog.tsx index aea1fe5c20e..5fe74bb1673 100644 --- a/apps/studio/components/interfaces/APIKeys/CreateSecretAPIKeyDialog.tsx +++ b/apps/studio/components/interfaces/APIKeys/CreateSecretAPIKeyDialog.tsx @@ -92,7 +92,7 @@ export const CreateSecretAPIKeyDialog = () => { side="bottom" tooltipOpen={visible === 'secret' ? false : undefined} > - @@ -176,7 +176,7 @@ export const CreateSecretAPIKeyDialog = () => { options={{ enabled: visible === 'secret' && !isCreatingAPIKey }} side="top" > - diff --git a/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenList.tsx b/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenList.tsx index 681ff45e120..d5ea3576b33 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenList.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenList.tsx @@ -118,7 +118,7 @@ export const AccessTokenList = ({ searchString = '', onDeleteSuccess }: AccessTo - diff --git a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/PermissionResourceSelector.tsx b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/PermissionResourceSelector.tsx index f1d2e54c9d2..e0d823e77ee 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/PermissionResourceSelector.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/PermissionResourceSelector.tsx @@ -41,7 +41,7 @@ export const PermissionResourceSelector = - diff --git a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/Permissions.tsx b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/Permissions.tsx index 8c252188997..f22efce175d 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/Permissions.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/Permissions/Permissions.tsx @@ -25,7 +25,7 @@ export const Permissions = {permissionRows.length > 0 && ( { @@ -82,7 +82,7 @@ export const Permissions =
+ ) diff --git a/apps/studio/components/interfaces/Account/Preferences/AccountConnections.tsx b/apps/studio/components/interfaces/Account/Preferences/AccountConnections.tsx index a78ad171776..15f38bab788 100644 --- a/apps/studio/components/interfaces/Account/Preferences/AccountConnections.tsx +++ b/apps/studio/components/interfaces/Account/Preferences/AccountConnections.tsx @@ -110,7 +110,7 @@ export const AccountConnections = () => { Connected - @@ -137,7 +137,7 @@ export const AccountConnections = () => { ) : ( - )} diff --git a/apps/studio/components/interfaces/Account/Preferences/AccountIdentities.tsx b/apps/studio/components/interfaces/Account/Preferences/AccountIdentities.tsx index 24487ace02a..14e6971e4bc 100644 --- a/apps/studio/components/interfaces/Account/Preferences/AccountIdentities.tsx +++ b/apps/studio/components/interfaces/Account/Preferences/AccountIdentities.tsx @@ -139,12 +139,12 @@ export const AccountIdentities = () => {
{provider === 'email' && ( - )} } className="w-7" onClick={() => setSelectedProviderUpdateEmail(provider)} @@ -152,7 +152,7 @@ export const AccountIdentities = () => { /> {identities.length > 1 && ( } className="w-7" onClick={() => setSelectedProviderUnlink(provider)} diff --git a/apps/studio/components/interfaces/Account/Preferences/ChangeEmailAddress.tsx b/apps/studio/components/interfaces/Account/Preferences/ChangeEmailAddress.tsx index b7a1167d364..6a9fe4cfd1a 100644 --- a/apps/studio/components/interfaces/Account/Preferences/ChangeEmailAddress.tsx +++ b/apps/studio/components/interfaces/Account/Preferences/ChangeEmailAddress.tsx @@ -113,10 +113,10 @@ export const ChangeEmailAddressForm = ({ onClose }: { onClose: () => void }) => - - diff --git a/apps/studio/components/interfaces/Account/Preferences/DeleteAccountButton.tsx b/apps/studio/components/interfaces/Account/Preferences/DeleteAccountButton.tsx index 244fdd24f2e..d421f5ffc2d 100644 --- a/apps/studio/components/interfaces/Account/Preferences/DeleteAccountButton.tsx +++ b/apps/studio/components/interfaces/Account/Preferences/DeleteAccountButton.tsx @@ -106,7 +106,7 @@ export const DeleteAccountButton = () => { return ( - @@ -144,7 +144,7 @@ export const DeleteAccountButton = () => { - @@ -184,8 +184,8 @@ export const DeleteAccountButton = () => { )} - diff --git a/apps/studio/components/interfaces/Advisors/DisableRuleModal.tsx b/apps/studio/components/interfaces/Advisors/DisableRuleModal.tsx index 77a2adcf599..f65e2143b26 100644 --- a/apps/studio/components/interfaces/Advisors/DisableRuleModal.tsx +++ b/apps/studio/components/interfaces/Advisors/DisableRuleModal.tsx @@ -63,7 +63,7 @@ export const DisableRuleModal = ({ lint }: DisableRuleModalProps) => { return ( - + @@ -77,10 +77,10 @@ export const DisableRuleModal = ({ lint }: DisableRuleModalProps) => {

- - diff --git a/apps/studio/components/interfaces/Advisors/EnableRuleModal.tsx b/apps/studio/components/interfaces/Advisors/EnableRuleModal.tsx index 223c2ea075a..85553b1bb60 100644 --- a/apps/studio/components/interfaces/Advisors/EnableRuleModal.tsx +++ b/apps/studio/components/interfaces/Advisors/EnableRuleModal.tsx @@ -42,7 +42,7 @@ export const EnableRuleModal = ({ lint, rule }: EnableRuleModalProps) => { return ( - + @@ -56,10 +56,10 @@ export const EnableRuleModal = ({ lint, rule }: EnableRuleModalProps) => {

- - diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx index 4a1f5cfe1c9..76c592f511b 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx @@ -27,7 +27,7 @@ export function ApiAuthorizationErrorScreen({ } /> -
diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx index 8d97a2337c5..932f837d994 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx @@ -299,7 +299,7 @@ function FormFooter({ onApprove={onApprove} /> diff --git a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx index cf38d45a091..65df1c6c1d7 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx @@ -157,7 +157,7 @@ export const FeaturePreviewModal = () => {

{selectedFeature?.name}

{selectedFeature?.discussionsUrl !== undefined && ( - )} -
@@ -186,7 +186,7 @@ export const FeaturePreviewModal = () => { Have an idea for the dashboard? Let us know via GitHub Discussions!

- )} diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx b/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx index 5d458564f57..f6520fc841d 100644 --- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx +++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx @@ -122,7 +122,7 @@ const FormField = ({ { set to more than an hour. It is recommended to set this value to less than an hour.

- )} - diff --git a/apps/studio/components/interfaces/Auth/CustomAuthProviders/CustomAuthProvidersList.tsx b/apps/studio/components/interfaces/Auth/CustomAuthProviders/CustomAuthProvidersList.tsx index e1b28051a8f..fdf156cf7c3 100644 --- a/apps/studio/components/interfaces/Auth/CustomAuthProviders/CustomAuthProvidersList.tsx +++ b/apps/studio/components/interfaces/Auth/CustomAuthProviders/CustomAuthProvidersList.tsx @@ -80,7 +80,7 @@ const NewProviderButton = ({ }) => { return ( } @@ -258,13 +258,13 @@ export const EmailTemplates = () => { )} {notificationsForm.formState.isDirty && ( - )} diff --git a/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx b/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx index be691be50fc..8a2a43b66b2 100644 --- a/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx +++ b/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx @@ -377,7 +377,7 @@ export const TemplateEditor = ({ template, isReadOnly = false }: TemplateEditorP )} void onSelectHook: (hook: HOOK_DEFINITION_TITLE) => void @@ -33,7 +33,7 @@ interface AddHookDropdownProps { export const AddHookDropdown = ({ buttonText = 'Add hook', align = 'end', - type = 'primary', + variant = 'primary', open, onOpenChange, onSelectHook, @@ -71,7 +71,7 @@ export const AddHookDropdown = ({ return ( - diff --git a/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx b/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx index 3b4dcde3670..8363f32de1c 100644 --- a/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx +++ b/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx @@ -492,7 +492,7 @@ revoke execute on function ${ident(schema)}.${ident(functionName)} from authenti
)} - )} )} )} - diff --git a/apps/studio/components/interfaces/Auth/OAuthApps/LogoPicker.tsx b/apps/studio/components/interfaces/Auth/OAuthApps/LogoPicker.tsx index 3c5dd5305f7..34e9b4010b3 100644 --- a/apps/studio/components/interfaces/Auth/OAuthApps/LogoPicker.tsx +++ b/apps/studio/components/interfaces/Auth/OAuthApps/LogoPicker.tsx @@ -48,7 +48,7 @@ export function LogoPicker({ open, onOpenChange, onSelect }: StorageFilePickerPr {selectedBucket ? ( } @@ -288,7 +288,7 @@ export const OAuthAppsList = () => { /> {hasActiveFilters && ( )} )} diff --git a/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyEditorFooter.tsx b/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyEditorFooter.tsx index 4cb1b279e9a..dd9f848b7cb 100644 --- a/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyEditorFooter.tsx +++ b/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyEditorFooter.tsx @@ -14,11 +14,11 @@ const PolicyEditorFooter = ({ }: PolicyEditorFooterProps) => ( {showTemplates && ( - )} - diff --git a/apps/studio/components/interfaces/Auth/Policies/PolicyEditorModal/PolicyEditorModalTitle.tsx b/apps/studio/components/interfaces/Auth/Policies/PolicyEditorModal/PolicyEditorModalTitle.tsx index 75bca0fd602..ba194252cb3 100644 --- a/apps/studio/components/interfaces/Auth/Policies/PolicyEditorModal/PolicyEditorModalTitle.tsx +++ b/apps/studio/components/interfaces/Auth/Policies/PolicyEditorModal/PolicyEditorModalTitle.tsx @@ -56,7 +56,7 @@ const PolicyEditorModalTitle = ({
{showAssistantPreview && view === POLICY_MODAL_VIEWS.EDITOR && ( - )} diff --git a/apps/studio/components/interfaces/Auth/Policies/PolicyEditorPanel/PolicyDetailsV2.tsx b/apps/studio/components/interfaces/Auth/Policies/PolicyEditorPanel/PolicyDetailsV2.tsx index 01340314da6..a590b3ad327 100644 --- a/apps/studio/components/interfaces/Auth/Policies/PolicyEditorPanel/PolicyDetailsV2.tsx +++ b/apps/studio/components/interfaces/Auth/Policies/PolicyEditorPanel/PolicyDetailsV2.tsx @@ -157,7 +157,7 @@ export const PolicyDetailsV2 = ({ - diff --git a/apps/studio/components/interfaces/Auth/Policies/PolicySelection.tsx b/apps/studio/components/interfaces/Auth/Policies/PolicySelection.tsx index 90559aee151..c1a7fc666cf 100644 --- a/apps/studio/components/interfaces/Auth/Policies/PolicySelection.tsx +++ b/apps/studio/components/interfaces/Auth/Policies/PolicySelection.tsx @@ -71,10 +71,10 @@ const PolicySelection = ({ Create RLS policies for your tables with the help of AI
- - +
@@ -368,13 +368,13 @@ export const ProtectionAuthSettingsForm = () => { {isDirty && ( - )}
} className="w-7" tooltip={{ content: { side: 'bottom', text: 'Edit policy' } }} diff --git a/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx b/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx index 098a170034f..d56074cc27c 100644 --- a/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx +++ b/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx @@ -154,7 +154,7 @@ const RLSTesterSheetContents = ({ handleSelectEditPolicy }: RLSTesterSheetProps) return ( - @@ -290,7 +290,7 @@ const RLSTesterSheetContents = ({ handleSelectEditPolicy }: RLSTesterSheetProps) -
- , ]} @@ -58,7 +58,7 @@ export const SandboxManagement = () => { description={error ?? 'Please try again'} className="min-h-min border-none" actions={[ - , ]} @@ -75,7 +75,7 @@ export const SandboxManagement = () => { actions={[ } className="w-7" disabled={isSyncing} @@ -84,7 +84,7 @@ export const SandboxManagement = () => { />, } className="w-7" loading={isSyncing} diff --git a/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx b/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx index bd26666b3da..1d2a88544b2 100644 --- a/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx +++ b/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx @@ -71,7 +71,7 @@ export const UserSelector = () => { - )} )} { {refreshTokenForm.formState.isDirty && ( - )} )} )} )} diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/AwsRegionSelector.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/AwsRegionSelector.tsx index 6cbbdfab020..c957e302795 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/AwsRegionSelector.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/AwsRegionSelector.tsx @@ -63,7 +63,7 @@ export const AwsRegionSelector = ({
)} - - diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateAwsCognitoAuthDialog.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateAwsCognitoAuthDialog.tsx index 85680336f94..d8b184185af 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateAwsCognitoAuthDialog.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateAwsCognitoAuthDialog.tsx @@ -144,7 +144,7 @@ export const CreateAwsCognitoAuthIntegrationDialog = ({
)} - - diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateClerkAuthDialog.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateClerkAuthDialog.tsx index 90ed0cdc739..f17198e96c9 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateClerkAuthDialog.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateClerkAuthDialog.tsx @@ -136,10 +136,10 @@ export const CreateClerkAuthIntegrationDialog = ({ - - diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateFirebaseAuthDialog.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateFirebaseAuthDialog.tsx index cac0be1077c..42cab1a17b5 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateFirebaseAuthDialog.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateFirebaseAuthDialog.tsx @@ -145,16 +145,16 @@ export const CreateFirebaseAuthIntegrationDialog = ({ {!isCreating && (
-
)} - - diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateWorkOSDialog.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateWorkOSDialog.tsx index 80a463ce007..c87deec6c11 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateWorkOSDialog.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/CreateWorkOSDialog.tsx @@ -154,16 +154,16 @@ export const CreateWorkOSIntegrationDialog = ({ {!isCreating && (
-
)} - - diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/IntegrationCard.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/IntegrationCard.tsx index 42973f7e8cd..8434ae41fc8 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/IntegrationCard.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/IntegrationCard.tsx @@ -201,7 +201,7 @@ export const IntegrationCard = ({
{/* TODO: this should be a configure integration where it would show the sheet and the user can disable or delete the integration but there's no "edit integration" endpoing for now. */} -
diff --git a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/index.tsx b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/index.tsx index eac170a5686..7dcc4640d47 100644 --- a/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/index.tsx +++ b/apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/index.tsx @@ -120,7 +120,7 @@ export const ThirdPartyAuthForm = () => { > diff --git a/apps/studio/components/interfaces/Auth/Users/AddUserDropdown.tsx b/apps/studio/components/interfaces/Auth/Users/AddUserDropdown.tsx index a0e90fa8f01..1f10446bf3d 100644 --- a/apps/studio/components/interfaces/Auth/Users/AddUserDropdown.tsx +++ b/apps/studio/components/interfaces/Auth/Users/AddUserDropdown.tsx @@ -36,7 +36,7 @@ export const AddUserDropdown = () => { <> - diff --git a/apps/studio/components/interfaces/Auth/Users/BanUserModal.tsx b/apps/studio/components/interfaces/Auth/Users/BanUserModal.tsx index dc56752b054..cc928dff45a 100644 --- a/apps/studio/components/interfaces/Auth/Users/BanUserModal.tsx +++ b/apps/studio/components/interfaces/Auth/Users/BanUserModal.tsx @@ -146,10 +146,10 @@ export const BanUserModal = ({ visible, user, onClose }: BanUserModalProps) => { - - diff --git a/apps/studio/components/interfaces/Auth/Users/CreateUserModal.tsx b/apps/studio/components/interfaces/Auth/Users/CreateUserModal.tsx index e29a13c370c..f076fcd73ef 100644 --- a/apps/studio/components/interfaces/Auth/Users/CreateUserModal.tsx +++ b/apps/studio/components/interfaces/Auth/Users/CreateUserModal.tsx @@ -158,7 +158,7 @@ const CreateUserModal = ({ visible, setVisible }: CreateUserModalProps) => {
@@ -562,7 +562,7 @@ export const UsersV2 = () => { on the number of users in your project. - } className="px-1.5" onClick={() => setSelectedUsers(new Set([]))} @@ -749,7 +749,7 @@ export const UsersV2 = () => { } - type="default" + variant="default" className="w-7" loading={isRefetching && !isFetchingNextPage} onClick={handleRefresh} diff --git a/apps/studio/components/interfaces/Billing/Payment/AddPaymentMethodForm.tsx b/apps/studio/components/interfaces/Billing/Payment/AddPaymentMethodForm.tsx index 792fa3eae53..f859194cca2 100644 --- a/apps/studio/components/interfaces/Billing/Payment/AddPaymentMethodForm.tsx +++ b/apps/studio/components/interfaces/Billing/Payment/AddPaymentMethodForm.tsx @@ -236,9 +236,9 @@ const AddPaymentMethodForm = ({ onCancel, onConfirm }: AddPaymentMethodFormProps ) : ( - - - - - @@ -604,7 +604,7 @@ export const CreateBranchModal = () => { @@ -319,7 +319,7 @@ export const EditBranchModal = ({ branch, visible, onClose }: EditBranchModalPro - diff --git a/apps/studio/components/interfaces/BranchManagement/EmptyStates.tsx b/apps/studio/components/interfaces/BranchManagement/EmptyStates.tsx index 66df3547b1c..829790aa5b5 100644 --- a/apps/studio/components/interfaces/BranchManagement/EmptyStates.tsx +++ b/apps/studio/components/interfaces/BranchManagement/EmptyStates.tsx @@ -32,18 +32,18 @@ export const PullRequestsEmptyState = ({

{hasGithubConnection ? ( - ) : ( - )}
-
diff --git a/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx b/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx index 39fadd963f0..452da4ecf0f 100644 --- a/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx +++ b/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx @@ -92,7 +92,7 @@ export const OutOfDateNotice = ({
- diff --git a/apps/studio/components/interfaces/Connect/ConnectDropdown.tsx b/apps/studio/components/interfaces/Connect/ConnectDropdown.tsx index a2a0b30e9b0..e56f50097a8 100644 --- a/apps/studio/components/interfaces/Connect/ConnectDropdown.tsx +++ b/apps/studio/components/interfaces/Connect/ConnectDropdown.tsx @@ -53,7 +53,7 @@ export const ConnectDropdown = ({ , , diff --git a/apps/studio/components/interfaces/ConnectSheet/CopyPromptAdmonition.tsx b/apps/studio/components/interfaces/ConnectSheet/CopyPromptAdmonition.tsx index e4fb94dc9f0..ea9f67d8155 100644 --- a/apps/studio/components/interfaces/ConnectSheet/CopyPromptAdmonition.tsx +++ b/apps/studio/components/interfaces/ConnectSheet/CopyPromptAdmonition.tsx @@ -133,7 +133,9 @@ export function CopyPromptAdmonition({ stepsContainerRef }: CopyPromptAdmonition type="tip" showIcon={false} layout="horizontal" - actions={} + actions={ + + } >
diff --git a/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/CreateNewProjectDialog.tsx b/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/CreateNewProjectDialog.tsx index 17c69226639..7388b523c82 100644 --- a/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/CreateNewProjectDialog.tsx +++ b/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/CreateNewProjectDialog.tsx @@ -184,10 +184,10 @@ export const CreateNewProjectDialog = ({ - - diff --git a/apps/studio/components/interfaces/Database/EnumeratedTypes/CreateEnumeratedTypeSidePanel.tsx b/apps/studio/components/interfaces/Database/EnumeratedTypes/CreateEnumeratedTypeSidePanel.tsx index d1fc45bc3fd..12dfd152aad 100644 --- a/apps/studio/components/interfaces/Database/EnumeratedTypes/CreateEnumeratedTypeSidePanel.tsx +++ b/apps/studio/components/interfaces/Database/EnumeratedTypes/CreateEnumeratedTypeSidePanel.tsx @@ -193,7 +193,7 @@ const CreateEnumeratedTypeSidePanel = ({

- diff --git a/apps/studio/components/interfaces/Database/EnumeratedTypes/EditEnumeratedTypeSidePanel.tsx b/apps/studio/components/interfaces/Database/EnumeratedTypes/EditEnumeratedTypeSidePanel.tsx index 80fea96ed70..a77c22ddb72 100644 --- a/apps/studio/components/interfaces/Database/EnumeratedTypes/EditEnumeratedTypeSidePanel.tsx +++ b/apps/studio/components/interfaces/Database/EnumeratedTypes/EditEnumeratedTypeSidePanel.tsx @@ -228,7 +228,7 @@ const EditEnumeratedTypeSidePanel = ({

- diff --git a/apps/studio/components/interfaces/Database/EnumeratedTypes/EnumeratedTypeValueRow.tsx b/apps/studio/components/interfaces/Database/EnumeratedTypes/EnumeratedTypeValueRow.tsx index 5eabf2ddf60..206aa08b206 100644 --- a/apps/studio/components/interfaces/Database/EnumeratedTypes/EnumeratedTypeValueRow.tsx +++ b/apps/studio/components/interfaces/Database/EnumeratedTypes/EnumeratedTypeValueRow.tsx @@ -58,7 +58,7 @@ const EnumeratedTypeValueRow = ({ )} {docsUrl !== undefined && ( - {!isSchemaLocked && ( diff --git a/apps/studio/components/interfaces/Database/Privileges/PrivilegesHead.tsx b/apps/studio/components/interfaces/Database/Privileges/PrivilegesHead.tsx index 19f3f486416..5402e33184e 100644 --- a/apps/studio/components/interfaces/Database/Privileges/PrivilegesHead.tsx +++ b/apps/studio/components/interfaces/Database/Privileges/PrivilegesHead.tsx @@ -56,7 +56,7 @@ const PrivilegesHead = ({
@@ -100,7 +100,7 @@ export const ProtectedSchemaWarning = ({ showLearnMoreDialog && ( - diff --git a/apps/studio/components/interfaces/Database/Publications/PublicationsList.tsx b/apps/studio/components/interfaces/Database/Publications/PublicationsList.tsx index bf9adf22e6c..bc985e144f8 100644 --- a/apps/studio/components/interfaces/Database/Publications/PublicationsList.tsx +++ b/apps/studio/components/interfaces/Database/Publications/PublicationsList.tsx @@ -217,7 +217,11 @@ export const PublicationsList = () => { ))}
- - diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationsComboBox.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationsComboBox.tsx index a2a948e3262..77302e3d44f 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationsComboBox.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationsComboBox.tsx @@ -60,7 +60,7 @@ export const PublicationsComboBox = ({ > -
diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx index be1c0ac86a6..6d17a68bc1b 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx @@ -128,7 +128,7 @@ export const DestinationPanel = ({ onSuccessCreateReadReplica }: DestinationPane
@@ -109,7 +109,7 @@ export const ReadReplicaEligibilityWarnings = () => { title="Read replicas can only be deployed with projects on Postgres version 15 and above" >

If you'd like to use read replicas, please contact us via support.

-
- @@ -70,10 +70,10 @@ const EnableReplicationModal = () => { - - diff --git a/apps/studio/components/interfaces/Database/Replication/ErrorDetailsDialog.tsx b/apps/studio/components/interfaces/Database/Replication/ErrorDetailsDialog.tsx index 072b21f0192..c27dc77afd2 100644 --- a/apps/studio/components/interfaces/Database/Replication/ErrorDetailsDialog.tsx +++ b/apps/studio/components/interfaces/Database/Replication/ErrorDetailsDialog.tsx @@ -60,7 +60,7 @@ export const ErrorDetailsDialog = ({ - + diff --git a/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx b/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx index e16620fa92f..5df48c62f37 100644 --- a/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx +++ b/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx @@ -111,14 +111,19 @@ export const ReadReplicaRow = ({ replica, onUpdateReplica }: ReadReplicaRow) =>
- -
@@ -287,7 +287,7 @@ export const ReplicationPipelineStatus = () => {
{hasUpdate && ( )} -
{!disabled && (
- + @@ -513,7 +513,7 @@ export const SchemaGraph = () => { } > {canAddTables && ( - )} @@ -559,7 +559,7 @@ export const SchemaGraph = () => { {hasNextPage && (
} diff --git a/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggerList.tsx b/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggerList.tsx index 64a25391311..6e8b1934254 100644 --- a/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggerList.tsx +++ b/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggerList.tsx @@ -106,7 +106,7 @@ export const EventTriggerList = ({ {canEditTrigger ? ( ) : ( } disabled tooltip={{ @@ -254,7 +254,7 @@ export const EventTriggersList = () => { description="Event triggers run on database-level events like DDL commands." >
- diff --git a/apps/studio/components/interfaces/Database/Triggers/TriggersList/CreateTriggerButtons.tsx b/apps/studio/components/interfaces/Database/Triggers/TriggersList/CreateTriggerButtons.tsx index fd82d35068b..d7754c4eb92 100644 --- a/apps/studio/components/interfaces/Database/Triggers/TriggersList/CreateTriggerButtons.tsx +++ b/apps/studio/components/interfaces/Database/Triggers/TriggersList/CreateTriggerButtons.tsx @@ -29,7 +29,7 @@ export const CreateTriggerButtons = ({ return (
} diff --git a/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx b/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx index 6d73d5fabd9..a68be46a96a 100644 --- a/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx +++ b/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx @@ -107,7 +107,7 @@ export const TriggerList = ({ editTrigger, duplicateTrigger, deleteTrigger }: Tr
@@ -109,7 +109,7 @@ export function TroubleshootingGuideSection({ {description &&

{description}

} )}
-
diff --git a/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx b/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx index 7349d9768e7..510261b96d4 100644 --- a/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx +++ b/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx @@ -70,7 +70,7 @@ const EdgeFunctionSecret = ({ secret, onSelectEdit, onSelectDelete }: EdgeFuncti - diff --git a/apps/studio/components/interfaces/Functions/FunctionsEmptyState.tsx b/apps/studio/components/interfaces/Functions/FunctionsEmptyState.tsx index f7016727def..412c4564812 100644 --- a/apps/studio/components/interfaces/Functions/FunctionsEmptyState.tsx +++ b/apps/studio/components/interfaces/Functions/FunctionsEmptyState.tsx @@ -62,7 +62,7 @@ export const FunctionsEmptyState = () => { Create and edit functions directly in the browser. Download to local at any time.

@@ -133,7 +133,7 @@ export const TerminalInstructions = forwardRef<
- )} {gitUrl && ( - diff --git a/apps/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx b/apps/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx index 3fa7844b6ce..1dd6a049805 100644 --- a/apps/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx +++ b/apps/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx @@ -47,13 +47,13 @@ export const NewProjectPanel = () => {

- - -
-
-
-
-
- diff --git a/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx b/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx index 4c4aa6a94a0..95f379cbfcd 100644 --- a/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx +++ b/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx @@ -86,7 +86,7 @@ export const NoProjectsState = ({ slug }: { slug: string }) => { description="Launch a complete backend built on Postgres." > {projectCreationEnabled && ( - )} @@ -100,7 +100,7 @@ export const NoOrganizationsState = () => { title="Create an organization" description="Manage your team and projects in one place." > - diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx index 92f1462422e..92e32ddd31c 100644 --- a/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx +++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx @@ -82,7 +82,7 @@ export const ProjectCard = ({ diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/CreateCronJobSheet/CreateCronJobSheet.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/CreateCronJobSheet/CreateCronJobSheet.tsx index bd43227d748..31a2d3e0a91 100644 --- a/apps/studio/components/interfaces/Integrations/CronJobs/CreateCronJobSheet/CreateCronJobSheet.tsx +++ b/apps/studio/components/interfaces/Integrations/CronJobs/CreateCronJobSheet/CreateCronJobSheet.tsx @@ -390,7 +390,7 @@ export const CreateCronJobSheet = ({ open, selectedCronJob, onClose }: CreateCro within your cron jobs setShowEnableExtensionModal(true)} @@ -437,8 +437,8 @@ export const CreateCronJobSheet = ({ open, selectedCronJob, onClose }: CreateCro , - , ...(isValidEdgeFunction ? [ - +
@@ -262,7 +262,7 @@ const DeletionError = ({ error, onRetry }: DeletionErrorProps) => ( Deletion failed: {error} - diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobsTab.EstimateErrorNotice.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobsTab.EstimateErrorNotice.tsx index 2218c52305f..fa732dd735a 100644 --- a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobsTab.EstimateErrorNotice.tsx +++ b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobsTab.EstimateErrorNotice.tsx @@ -27,7 +27,7 @@ export const CronJobRunDetailsEstimateErrorNotice = ({ )} {onRetry && ( diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/EdgeFunctionSection.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/EdgeFunctionSection.tsx index d14d8bd5f7e..4806d8be0cd 100644 --- a/apps/studio/components/interfaces/Integrations/CronJobs/EdgeFunctionSection.tsx +++ b/apps/studio/components/interfaces/Integrations/CronJobs/EdgeFunctionSection.tsx @@ -103,7 +103,7 @@ export const EdgeFunctionSection = ({ form }: HTTPRequestFieldsProps) => {

Select which edge function to trigger

{isLoading ? ( - ) : ( @@ -129,7 +129,7 @@ export const EdgeFunctionSection = ({ form }: HTTPRequestFieldsProps) => {
diff --git a/apps/studio/components/interfaces/Integrations/GraphQL/IntrospectionDisabledNotice.tsx b/apps/studio/components/interfaces/Integrations/GraphQL/IntrospectionDisabledNotice.tsx index cb57b58e8de..93a6b91e333 100644 --- a/apps/studio/components/interfaces/Integrations/GraphQL/IntrospectionDisabledNotice.tsx +++ b/apps/studio/components/interfaces/Integrations/GraphQL/IntrospectionDisabledNotice.tsx @@ -45,11 +45,11 @@ export const IntrospectionDisabledNotice = ({ GraphQL introspection is disabled — docs explorer and autocomplete are unavailable.
-
diff --git a/apps/studio/components/interfaces/Integrations/Integration/IntegrationOverviewTabV2/InstallIntegrationSheet/InstallIntegrationSheet.tsx b/apps/studio/components/interfaces/Integrations/Integration/IntegrationOverviewTabV2/InstallIntegrationSheet/InstallIntegrationSheet.tsx index de308876f74..d1b987b4c51 100644 --- a/apps/studio/components/interfaces/Integrations/Integration/IntegrationOverviewTabV2/InstallIntegrationSheet/InstallIntegrationSheet.tsx +++ b/apps/studio/components/interfaces/Integrations/Integration/IntegrationOverviewTabV2/InstallIntegrationSheet/InstallIntegrationSheet.tsx @@ -214,7 +214,7 @@ export const InstallIntegrationSheet = ({ integration }: InstallIntegrationSheet return ( - +
@@ -261,14 +261,14 @@ export const InstallIntegrationSheet = ({ integration }: InstallIntegrationSheet - ) : ( diff --git a/apps/studio/components/interfaces/Integrations/Landing/AvailableIntegrations.tsx b/apps/studio/components/interfaces/Integrations/Landing/AvailableIntegrations.tsx index c5463073d32..64dea3eec13 100644 --- a/apps/studio/components/interfaces/Integrations/Landing/AvailableIntegrations.tsx +++ b/apps/studio/components/interfaces/Integrations/Landing/AvailableIntegrations.tsx @@ -66,7 +66,7 @@ export const AvailableIntegrations = () => { className={cn( buttonVariants({ size: 'tiny', - type: selectedCategory === category.key ? 'default' : 'outline', + variant: selectedCategory === category.key ? 'default' : 'outline', }), selectedCategory === category.key ? 'text-foreground' : 'text-foreground-lighter', 'rounded-full! px-3' diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx index c2510a85921..28a3f480a06 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx @@ -79,7 +79,7 @@ export const MarketplaceDetail = () => { case 'add-wrapper': return ( { if (wrappersTabHref) router.push(`${wrappersTabHref}?new=true`) }} @@ -87,7 +87,7 @@ export const MarketplaceDetail = () => { ) case 'installed': return ( - ) @@ -110,7 +110,7 @@ export const MarketplaceDetail = () => { <> {isInstalled && integrationStatus?.partner_links?.dashboard && ( @@ -136,7 +136,7 @@ export const MarketplaceFilterBar = ({ - @@ -170,7 +170,7 @@ export const MarketplaceFilterBar = ({ - diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx index eded2dcfa2d..7a1059f1c68 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx @@ -281,7 +281,7 @@ export const MarketplaceIndex = () => { {filtered.length === 0 && ( - diff --git a/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/CreateQueueSheet.tsx b/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/CreateQueueSheet.tsx index a53850047aa..140f9954d1b 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/CreateQueueSheet.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/CreateQueueSheet.tsx @@ -135,8 +135,8 @@ export const CreateQueueSheet = ({ visible, onClose }: CreateQueueSheetProps) => )} diff --git a/apps/studio/components/interfaces/Integrations/Queues/QueueTab.tsx b/apps/studio/components/interfaces/Integrations/Queues/QueueTab.tsx index 8d1fd402c40..03419956f64 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/QueueTab.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/QueueTab.tsx @@ -110,7 +110,7 @@ export const QueueTab = () => { setPurgeQueueModalShown(true)} icon={} @@ -120,7 +120,7 @@ export const QueueTab = () => { /> setDeleteQueueModalShown(true)} icon={} @@ -138,7 +138,7 @@ export const QueueTab = () => { {queuePolicies.length === 0 ? ( } tooltip={{ @@ -159,7 +159,7 @@ export const QueueTab = () => { ) : ( @@ -207,7 +210,7 @@ export const QueueTab = () => {

With RLS enabled, anonymous users will not have access to this queue.

diff --git a/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx b/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx index ee23e75dbff..5739d29f786 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx @@ -282,7 +282,7 @@ export const QueuesSettings = () => { - diff --git a/apps/studio/components/interfaces/Integrations/Queues/SingleQueue/SendMessageModal.tsx b/apps/studio/components/interfaces/Integrations/Queues/SingleQueue/SendMessageModal.tsx index a6ad2e8b989..f7d5ff2653d 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/SingleQueue/SendMessageModal.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/SingleQueue/SendMessageModal.tsx @@ -145,12 +145,12 @@ export const SendMessageModal = ({ visible, onClose }: SendMessageModalProps) => - - diff --git a/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx b/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx index 7faae6ccc84..835fce39c0f 100644 --- a/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx +++ b/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx @@ -55,7 +55,7 @@ export const SecretRow = ({ row, col }: SecretRowProps) => {
e.stopPropagation()}> - setShowAddSecretModal(true)} tooltip={{ diff --git a/apps/studio/components/interfaces/Integrations/Vercel/OrganizationPicker.tsx b/apps/studio/components/interfaces/Integrations/Vercel/OrganizationPicker.tsx index e3426736122..17b7f82623c 100644 --- a/apps/studio/components/interfaces/Integrations/Vercel/OrganizationPicker.tsx +++ b/apps/studio/components/interfaces/Integrations/Vercel/OrganizationPicker.tsx @@ -62,7 +62,7 @@ const OrganizationPicker = ({ diff --git a/apps/studio/components/interfaces/Integrations/VercelGithub/IntegrationPanels.tsx b/apps/studio/components/interfaces/Integrations/VercelGithub/IntegrationPanels.tsx index f03e3ea86a2..54538cf9ec0 100644 --- a/apps/studio/components/interfaces/Integrations/VercelGithub/IntegrationPanels.tsx +++ b/apps/studio/components/interfaces/Integrations/VercelGithub/IntegrationPanels.tsx @@ -118,7 +118,7 @@ export const IntegrationInstallation = forwardRef
- + ) } @@ -296,7 +296,7 @@ export const EmptyIntegrationConnection = forwardRef< )} > onClick()} tooltip={{ diff --git a/apps/studio/components/interfaces/Integrations/VercelGithub/ProjectLinker.tsx b/apps/studio/components/interfaces/Integrations/VercelGithub/ProjectLinker.tsx index 4a790b302e5..238e5f1c7e0 100644 --- a/apps/studio/components/interfaces/Integrations/VercelGithub/ProjectLinker.tsx +++ b/apps/studio/components/interfaces/Integrations/VercelGithub/ProjectLinker.tsx @@ -231,7 +231,7 @@ const ProjectLinker = ({ renderTrigger={() => { return ( @@ -507,8 +507,8 @@ export const CreateWrapperSheet = ({ @@ -317,8 +317,8 @@ export const EditWrapperSheet = ({ )} diff --git a/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx b/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx index 24b5fc343da..4025d6bf64e 100644 --- a/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx +++ b/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx @@ -303,7 +303,7 @@ const StripeSyncContent = ({ hideInstallCTA = false }: { hideInstallCTA?: boolea />
- -
- diff --git a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/action-panel.tsx b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/action-panel.tsx index 3dc6d2f5e44..4c7a002ab54 100644 --- a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/action-panel.tsx +++ b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/action-panel.tsx @@ -11,17 +11,17 @@ interface ActionPanelProps extends Omit, 'onCl onClick: () => void loading: ComponentProps['loading'] icon?: ComponentProps['icon'] - type?: ComponentProps['type'] + variant?: ComponentProps['variant'] shortcutId?: ShortcutId } export const ActionPanel = forwardRef( ( - { title, description, buttonLabel, onClick, loading, icon, type, shortcutId, ...props }, + { title, description, buttonLabel, onClick, loading, icon, variant, shortcutId, ...props }, ref ) => { const button = ( - ) diff --git a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/index.tsx b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/index.tsx index 43d1c21bff6..5c738b7804a 100644 --- a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/index.tsx +++ b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/index.tsx @@ -196,7 +196,7 @@ export const JWTSecretKeysTable = () => { onClick={() => setShownDialog('rotate')} loading={isUpdatingJWTSigningKey} icon={} - type="primary" + variant="primary" /> ) : ( { buttonLabel="Create Standby Key" onClick={() => setShownDialog('create')} loading={isPendingMutation} - type="primary" + variant="primary" icon={} shortcutId={SHORTCUT_IDS.JWT_KEYS_CREATE_STANDBY} /> diff --git a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/key-details-dialog.tsx b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/key-details-dialog.tsx index e8e64a4053a..8bce39d6485 100644 --- a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/key-details-dialog.tsx +++ b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/key-details-dialog.tsx @@ -53,7 +53,7 @@ export function KeyDetailsDialog({