Gildas Garcia and Ivan Vasilov
96d43099bb
chore: refactor Button API so that it can be used a standard button ( #46880 )
...
## Problem
Our `<Button>` component breaks the default `button` contract by
redefining the `type` prop to set its variant (`primary`, `default`,
etc) instead of the button type (`submit`, `button`, etc).
This is confusing and forces to write more code when using it with
shadcn components that expect/inject the standard button props.
## Solution
- rename the `type` prop to `variant`
- rename the `htmlType` prop to `type`
- propagate the changes where necessary
- format code
## How to test
As this is just prop renaming, if it builds it's ok
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2026-06-16 23:59:58 +02:00
Gildas Garcia
90dd19b41b
chore: migrate Logs settings Modal to Dialog ( #46229 )
...
## Problem
Logs settings still uses the deprecated `Modal` for:
- saving queries
- prompt to upgrade
## Solution
- use `Dialog` instead
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **Refactor**
* Modernized internal UI component structure for improved
maintainability and consistency.
<!-- review_stack_entry_start -->
[](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/46229?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack )
<!-- review_stack_entry_end -->
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-05-21 20:55:40 +02:00
Ivan Vasilov and Jordi Enric
56de26fe22
chore: Migrate the monorepo to use Tailwind v4 ( #45318 )
...
This PR migrates the whole monorepo to use Tailwind v4:
- Removed `@tailwindcss/container-queries` plugin since it's included by
default in v4,
- Bump all instances of Tailwind to v4. Made minimal changes to the
shared config to remove non-supported features (`alpha` mentions),
- Migrate all apps to be compatible with v4 configs,
- Fix the `typography.css` import in 3 apps,
- Add missing rules which were included by default in v3,
- Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot
of classes
- Rename all misnamed classes according to
https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all
apps.
---------
Co-authored-by: Jordi Enric <jordi.err@gmail.com >
2026-04-30 10:53:24 +00:00
4a0bb36ca8
style: require sorted imports in studio/components ( #44408 )
...
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2026-04-01 10:22:37 +02:00
Joshen Lim
cab0585533
Fe 1799/consolidate to useselectedprojectquery and ( #37684 )
...
* Replace all usage of useProjectContext with useSelectedProjectQuery
* Replace all usage of useSelectedProject with useSelectedProjectQuery
* Replace all usage of useProjectByRef with useProjectByRefQuery
* Replace all usage of useSelectedOrganization with useSelectedOrganizationQuery
* Deprecate useSelectedProject, useSelectedOrganization, and useProjectByRef hooks
* Deprecate ProjecContext
2025-08-06 10:53:10 +07:00
Jordi Enric
804f270c3a
reports pricing ( #36992 )
...
* add database pricing config
* pricing paywalls
* fix showing correct charts
* fix test
* remove disabled helpers in favor of upsell dialog
* fix missing fn to calc time
* rm clog
* show badge next to helpers
* ui fix
* fix type errs
* fix hallucinated import fml
2025-07-14 16:45:29 +02:00
fb24d91305
Feat/ Org layout ( #33150 )
...
* update test
* move back button, fix width issues on sidebar
* update sidebar logic
* Update ProjectLayout.tsx
* lots of updates. layouts now streamlined. localstorage for tabs in use
* moar
* bunch of new tab logic
* fix empty tab issue
* Update tabs.ts
* layouts switched
* new pages now have fixed layouts
* fix tabs
* fix code bg
* add tabs support for multiple project refs
* intialization issue
* update ID handling
* fixed isOpened state for SQL snippets
* remove old assistant because its bugging up panels
* preview style works in sql editor
* fix border
* removes preview tab if there is one
* fix background of loading skeleton
* lots of issues with types/icons/redirect
* new tab cards
* snippets in empty state now work
* moar stuff
* tabs now in feature flags
* Update tabs.ts
* Update tabs.ts
* moar
* add feature previews
* remove code not needed
* Update next-env.d.ts
* Delete FeaturePreviewModal.tsx
* fix typescript errors. remove more explorer stuff
* remove explorer files
* fixed issues with templates and quickstarts tab
* fixed active state when tabs are not opted in
* logic error
* fix open/highlight issue when opted out of tabs
* templates/quickstarts now displayed with new cards
* Update recent-items.tsx
* Update new-tab.tsx
* add icon back in
* add old empty state back in
* recent items updated to respect project ref
* localstorage cleanup on deletion
* moar
* overflow tabs now working
* correct tab names used for new sql templates/quickstarts
* ongoing queries fix
* cleanup
* update images
* Update RouteValidationWrapper.tsx
* Update AppLayout.tsx
* Update NavigationBar.tsx
* add headers back into side panels
* improve writing
* tabs now drag and drop a billion times better
* Update tabs.tsx
* Update tabs.tsx
* init issues on stores, which caused a race condition.
* fix hydration error
* init
* init sidebars
* init
* Update app-default-navigation.tsx
* user dropdown updates
* moar layouts
* init
* moar
* moar
* updat
* reverse top bar
* some banners
* moar
* start adding account page
* change styling of dropdowns
* Update sidebar.tsx
* fix new tab issue in sql
* Update ProjectLayout.tsx
* Update pnpm-lock.yaml
* latest
* Update pnpm-lock.yaml
* moar layouts on account
* getLayout updates
* more fixes
* force a cache build
* moar
* Update app-default-navigation.tsx
* fix AI button animation
* moar layout
* account pages refactored
* Update user-dropdown.tsx
* Update new-tab.tsx
* move EditorMenuListSkeleton
* Fix type issues
* fixes: DESIGN-87
fixes: DESIGN-87
* refactor sort/filter components
* Update rules-set-button-text.tsx
* remove discussions for now
* small styling fixes
* Update FeaturePreviewModal.tsx
* Update FeaturePreviewModal.tsx
* Update RouteValidationWrapper.tsx
* revert
* revert
* revert
* revert
* revert
* more revert
* Update collapse-button.tsx
* Update SQLEditorTreeViewItem.tsx
* revert
* Update SchemaGraph.tsx
* Delete new-upcoming.tsx
* revert
* Update ProjectLayout.tsx
* fix home link
* Update table-editor.spec.ts
* test update
* Update projects.tsx
* remove
* Delete sidebar-open-top-banner.tsx
* add organizations page
* Update table-editor.spec.ts
* Fix the playwright tests.
* layout fixes
* layout fix
* revert sort/filter
* Update LastSignInWrapper.tsx
* revert
* revert
* remove
* update file names
* revert
* revert
* revert
* advisor lint page tabs revert
* revert
* revert
* revert
* revert
* revert
* revert tabs
* remove packages
* add sidebar
* sidebar docs added
* add sidebar
* fixed issues
* fix mobile
* fixes
* add org side bar in
* redirect updated
* fix more layouts
* move settings icon back down
* remove old stuff
* Delete SideBar.tsx
* use ProfileImage component
* spelling
* Update ThemeSettings.tsx
* Update ThemeSettings.tsx
* Update Sidebar.tsx
* layout udpate
* Update Sidebar.tsx
* fixes
* Minor lints
* Update Sidebar.tsx
* create a alt user dropdown for self hosting and local
* add fragment back in
* Adds Theme Selector for local/self hosting
* Update UserDropdown.tsx
* fix theme selector for local self host
* Update index.ts
* Update DefaultLayout.tsx
* now supports feature preview
* remove old files
* rename files
* revert
* Update LayoutHeader.tsx
* clean
* revert
* revert
* Update resource-banner.tsx
* remove redundant side bar stuff
* organizations action bar updated. removed hardcoded value
* fix type errors
* fix tests
* Undo test changes
* Fix account pages for when feature preview is off
* Bug fixes 1
* Missing key in map of EmailTemplates
* Fix missing border in StorageExplorer
* fix missing header in performance advisor
* Final clean up
* Fix DefaultLayout re-rendering issue on auth pages
* A couple of fixes
* Redirect to /organizations if land on /projects with feature preview on
* Route back to /projects if toggling preview off on /organizations
* Add HomePageActions to /org/slug
* make re-routing nicer
* Moar fixes
* Fix logging in redirect to /organizations irregardless of feature preview
* Fix missing withAuth in OrganizationLayout
* Minor clean upo
* Fix branch dropdown not aligned
* Add feature preview for update layout
* update dropdowns to only be chevron triggered in new layout
* Update content-query.ts
* Update entity-types-infinite-query.ts
* add IS_PLATFORM for org dropdown
* Add IS_PLATFORM check for EnableBranchingDropdown in LayoutHeader
* Midway fixing mobile nav
* Mobile nav fixes
* Address feedbacks
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
Co-authored-by: Alaister Young <a@alaisteryoung.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
Co-authored-by: Jordi Enric <jordi.err@gmail.com >
2025-04-08 11:32:29 +08:00
Saxon Fletcher and Long Hoang
15841c6bf3
track source when viewing plans ( #33405 )
...
* track source when viewing plans
* remove log
* rename event
* Update apps/studio/components/interfaces/Organization/BillingSettings/Restriction.tsx
Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com >
* Update apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/BillingMetric.tsx
Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com >
* Update apps/studio/components/interfaces/Organization/BillingSettings/Restriction.tsx
Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com >
* Update apps/studio/components/interfaces/Organization/BillingSettings/Restriction.tsx
Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com >
* added docs for tracking
* prettier
* chore: rename origins to give more hints on where these are coming from
---------
Co-authored-by: Long Hoang <1732217+loong@users.noreply.github.com >
2025-02-10 16:45:36 +10:00
Alaister Young and Kevin Grüneberg
70da0f1d1d
chore: cleanup packages ( #27770 )
...
* chore: cleanup packages
- Avoid circular imports
- Export API-types as types
- pg-format without depending on Node internal Buffer (not browser-compatible)
- Avoid importing from barrel files in ui dir
* chore: avoid barrel file imports in studio (#27771 )
* chore: avoid barrel file imports
- Removes some unused imports
- Avoids barrel file import for faster builds + less memory
* add eslint rule
* type fixes
* delete layouts barrel
* delete components/grid barrel file
* delete components/grid/utils barrel file
* delete components/grid/components/common barrel file
* delete components/grid/components/editor barrel file
* delete components/grid/components/formatter barrel file
* delete components/grid/components/grid barrel file
* delete components/grid/components/header/filter barrel file
* remote components/grid/store barrel file
* remove components/interfaces/Auth/Policies barrel file
* delete components/interfaces/Settings/Logs barrel file
* delete components/ui/CodeEditor barrel file
* delete components/ui/Forms barrel file
* delete components/ui/Shimmers barrel file
* delete data/analytics barrel file
* delete hooks barrel file
* cleanup lib/common/fetch barrel file
* final * barral files cleanup
* global react-data-grid styles
* remove console.log
---------
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com >
* fix build
---------
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com >
2024-07-04 14:48:10 +08:00
Jonathan Summers-Muir
972773ca87
[Dashboard] Chore: update Modal component to use new components ( #26844 )
...
* init
* add more examples
* update modal
* update modals
* more modals updated
* update modal
* Update NewAccessTokenButton.tsx
* Update NewAccessTokenButton.tsx
* fix: issue with scale on dialog opening. chore: added bg-dialog color
* fix modals
* add deprecation notices
* revert bg
* revert
* Update Modal.tsx
* Update PITRSelection.tsx
* update dialog docs
* fix: issue with payment method modal
* update terminal instructions
* update padding defaults
2024-06-05 10:06:55 +00:00
Ivan Vasilov
436bdb10ae
chore: Move the studio app to apps/studio ( #18915 )
...
* Move all studio files from /studio to /apps/studio.
* Move studio specific prettier ignores.
* Fix the ui references from studio.
* Fix the css imports.
* Fix all package.json issues.
* Fix the prettier setup for the studio app.
* Add .turbo folder to prettierignore.
* Fix the github workflows.
2023-11-15 12:38:55 +01:00