mirror of
https://github.com/supabase/supabase.git
synced 2026-09-07 02:20:52 +08:00
22b3419a28
## Context This is just a pre-requisite to consolidating the project creation UI as there's another page that has the project creation flow too [here](https://github.com/supabase/supabase/blob/master/apps/studio/pages/integrations/vercel/%5Bslug%5D/deploy-button/new-project.tsx). So the next step will just be to use the same `ProjectCreationForm` there No functional changes here - just moving things around ## To test - [ ] Verify that project creation still works <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added a full “create project” experience with eligibility-aware defaults, advanced configuration sections, optional GitHub integration, and compute-cost confirmation when applicable. * **Improvements** * Enhanced project-creation success/error handling and navigation. * Refined CLI backup/restore dialogs (better layout/wording, accessibility updates, and improved section separation). * **Documentation** * Standardized all relevant documentation links across the app using a shared `DOCS_URL` source. * **Refactor** * Refactored the “New Project” page to delegate the wizard UI and flow to a reusable creation component. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
import { TroubleshootingAccordion } from '../TroubleshootingAccordion'
|
|
import {
|
|
FixWithAITroubleshootingSection,
|
|
RestartDatabaseTroubleshootingSection,
|
|
TroubleshootingGuideSection,
|
|
} from '../TroubleshootingSections'
|
|
import { SIDEBAR_KEYS } from '@/components/layouts/ProjectLayout/LayoutSidebar/LayoutSidebarProvider'
|
|
import { DOCS_URL } from '@/lib/constants'
|
|
import { useAiAssistantStateSnapshot } from '@/state/ai-assistant-state'
|
|
import { useSidebarManagerSnapshot } from '@/state/sidebar-manager-state'
|
|
|
|
const ERROR_TYPE = 'connection-timeout'
|
|
|
|
const BUILD_PROMPT = () =>
|
|
`The user is encountering connection timeout errors. The error message is: "CONNECTION TERMINATED DUE TO CONNECTION TIMEOUT". What are the most likely causes of this issue and how can the user resolve it?`
|
|
|
|
export function ConnectionTimeoutTroubleshooting() {
|
|
const { openSidebar } = useSidebarManagerSnapshot()
|
|
const aiSnap = useAiAssistantStateSnapshot()
|
|
|
|
return (
|
|
<TroubleshootingAccordion
|
|
errorType={ERROR_TYPE}
|
|
stepTitles={{
|
|
1: 'Try restarting your project',
|
|
2: 'Try our troubleshooting guide',
|
|
3: 'Debug with AI',
|
|
}}
|
|
>
|
|
<RestartDatabaseTroubleshootingSection number={1} errorType={ERROR_TYPE} />
|
|
<TroubleshootingGuideSection
|
|
number={2}
|
|
errorType={ERROR_TYPE}
|
|
href={`${DOCS_URL}/guides/troubleshooting/failed-to-run-sql-query-connection-terminated-due-to-connection-timeout`}
|
|
description="Follow step-by-step instructions for diagnosing connection timeout issues."
|
|
/>
|
|
<FixWithAITroubleshootingSection
|
|
number={3}
|
|
errorType={ERROR_TYPE}
|
|
onDebugWithAI={(prompt) => {
|
|
openSidebar(SIDEBAR_KEYS.AI_ASSISTANT)
|
|
aiSnap.newChat({ initialMessage: prompt })
|
|
}}
|
|
buildPrompt={BUILD_PROMPT}
|
|
/>
|
|
</TroubleshootingAccordion>
|
|
)
|
|
}
|