mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 19:05:06 +03:00
ea38c6d153
* allow creating branching without git * update branching modals * add account connections * edit branch * copy * update copy * enable branch modal changes * add gitless branching flag * update account connections * merge page * merge experiment * update merge * update pull requests empty state * use diff query * branch diffing * diff query * Clean up * refinements to gitless branching * branching merge and status * link * branch function diffing * update styling * refactor * remove hook * error handling * move * remove enable branching modal * re-add github linker * abstract away enable and disable * toggle fixes * update logic to lean on connection status * update form logic * sheet layout * gitless flag * style and workflow updates * fix side panel size * fix duplicate onerror * copy changes * refetch * merge mutation copy * remove import * add cost * allow connection details on create * initial queries * push button * merge cleanup * Fix TS issues * Fix TS issues * Couple of clean ups * Revert hardcode in useFlag * Fix TS * layout issues and github check * refactor * refactor to use new field * cleanup * style * failed merge * error positioning * refactoring merge * workflow refactor * hook move * clarification with github integration * replace branch dropdown button * update repo picker * updates * remove modal * fix small nits * change defaults * clean up * disable if not gitless and no connection * clean up * always show workflow run id * optimistic * fix branch query * fix issues * fetch edge diff * confirm merge * update edge functions key --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com> Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> Co-authored-by: Alaister Young <a@alaisteryoung.com>
67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import Link from 'next/link'
|
|
import { CircleAlert, Database, Wind } from 'lucide-react'
|
|
import { Card, CardContent, CardHeader, CardTitle, Skeleton } from 'ui'
|
|
|
|
import DiffViewer from 'components/ui/DiffViewer'
|
|
|
|
interface DatabaseDiffPanelProps {
|
|
diffContent?: string
|
|
isLoading: boolean
|
|
error?: any
|
|
showRefreshButton?: boolean
|
|
currentBranchRef?: string
|
|
}
|
|
|
|
const DatabaseDiffPanel = ({
|
|
diffContent,
|
|
isLoading,
|
|
error,
|
|
currentBranchRef,
|
|
}: DatabaseDiffPanelProps) => {
|
|
if (isLoading) return <Skeleton className="h-64" />
|
|
|
|
if (error)
|
|
return (
|
|
<div className="p-6 text-center">
|
|
<CircleAlert size={32} strokeWidth={1.5} className="text-foreground-muted mx-auto mb-8" />
|
|
<h3 className="mb-1">Error loading branch diff</h3>
|
|
<p className="text-sm text-foreground-light">
|
|
Please try again in a few minutes and contact support if the problem persists.
|
|
</p>
|
|
</div>
|
|
)
|
|
|
|
if (!diffContent || diffContent.trim() === '') {
|
|
return (
|
|
<div className="p-6 text-center">
|
|
<Wind size={32} strokeWidth={1.5} className="text-foreground-muted mx-auto mb-8" />
|
|
<h3 className="mb-1">No changes detected between branches</h3>
|
|
<p className="text-sm text-foreground-light">
|
|
Any changes to your database schema will be shown here for review
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>
|
|
<Link
|
|
href={`/project/${currentBranchRef}/database/schema`}
|
|
className="text-foreground-light flex items-center gap-2"
|
|
>
|
|
<Database strokeWidth={1.5} size={16} />
|
|
Schema Changes
|
|
</Link>
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="p-0 h-96">
|
|
<DiffViewer language="sql" original="" modified={diffContent} />
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
}
|
|
|
|
export default DatabaseDiffPanel
|