mirror of
https://github.com/supabase/supabase.git
synced 2026-10-09 11:25:06 +03:00
Saxon FletcherandJoshen Lim
0e60c5f341
This is the first smaller PR in the broader change of updating our Connect dialog (see [here](https://github.com/supabase/supabase/pull/42276)). This PR focuses on decoupling the ConnectButton our of the Connect dialog and into its own component . The button includes a flag to render the new sheet. The new sheet is empty for the time being as the flag is at 0%. To test: - Enable flag and click button, see new Sheet - Disable and see old dialog - Create a new project -> in getting started section see "connect to app" step -> Click connect button and make sure it works <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** - Added a Connect button component and an alternative Connect sheet. - Added curl syntax highlighting for code blocks. * **Changes** - Connection dialog moved to a controlled open-state pattern; Connect replaced legacy entry points across the UI and can be feature-flagged. - Connection actions simplified and no longer depend on framework selection. * **Removals** - Removed legacy framework selector, default framework constant, and related tests. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
56 lines
2.2 KiB
TypeScript
56 lines
2.2 KiB
TypeScript
import { IS_PLATFORM } from 'common'
|
|
import { useBranchCommands } from 'components/interfaces/BranchManagement/Branch.Commands'
|
|
import {
|
|
useQueryTableCommands,
|
|
useSnippetCommands,
|
|
} from 'components/layouts/SQLEditorLayout/SqlEditor.Commands'
|
|
import { useProjectLevelTableEditorCommands } from 'components/layouts/TableEditorLayout/TableEditor.Commands'
|
|
import { useLayoutNavCommands } from 'components/layouts/useLayoutNavCommands'
|
|
import { CommandHeader, CommandInput, CommandList, CommandMenu } from 'ui-patterns/CommandMenu'
|
|
import { useChangelogCommand } from 'ui-patterns/CommandMenu/prepackaged/Changelog'
|
|
import { useDocsAiCommands } from 'ui-patterns/CommandMenu/prepackaged/DocsAi'
|
|
import { useDocsSearchCommands } from 'ui-patterns/CommandMenu/prepackaged/DocsSearch'
|
|
import { useThemeSwitcherCommands } from 'ui-patterns/CommandMenu/prepackaged/ThemeSwitcher'
|
|
|
|
import { useApiKeysCommands } from './ApiKeys'
|
|
import { useApiUrlCommand } from './ApiUrl'
|
|
import { useContextSearchCommands } from './ContextSearchCommands'
|
|
import { useCreateCommands } from './CreateCommands'
|
|
import { useConfigureOrganizationCommand, useProjectSwitchCommand } from './OrgProjectSwitcher'
|
|
import { useSupportCommands } from './Support'
|
|
import { orderCommandSectionsByPriority } from './ordering'
|
|
import { useConnectCommands } from '@/components/interfaces/ConnectButton/Connect.Commands'
|
|
|
|
export default function StudioCommandMenu() {
|
|
useApiKeysCommands()
|
|
useApiUrlCommand()
|
|
useConnectCommands()
|
|
useProjectLevelTableEditorCommands()
|
|
useProjectSwitchCommand()
|
|
useConfigureOrganizationCommand()
|
|
useQueryTableCommands()
|
|
useBranchCommands()
|
|
useSnippetCommands()
|
|
useLayoutNavCommands()
|
|
useDocsSearchCommands({
|
|
options: { orderSection: orderCommandSectionsByPriority, sectionMeta: { priority: 3 } },
|
|
})
|
|
useDocsAiCommands({
|
|
options: { orderSection: orderCommandSectionsByPriority, sectionMeta: { priority: 3 } },
|
|
})
|
|
useSupportCommands()
|
|
useChangelogCommand({ enabled: IS_PLATFORM })
|
|
useThemeSwitcherCommands()
|
|
useCreateCommands()
|
|
useContextSearchCommands()
|
|
|
|
return (
|
|
<CommandMenu>
|
|
<CommandHeader>
|
|
<CommandInput />
|
|
</CommandHeader>
|
|
<CommandList />
|
|
</CommandMenu>
|
|
)
|
|
}
|