mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
* 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.
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import Link from 'next/link'
|
|
import { Button, IconAlertCircle } from 'ui'
|
|
|
|
export interface ClientLoadingErrorProps {
|
|
projectRef: string
|
|
description: string
|
|
}
|
|
|
|
const ClientLoadingError = ({
|
|
projectRef,
|
|
description = 'An error has occurred',
|
|
}: ClientLoadingErrorProps) => {
|
|
return (
|
|
<div className="px-6 py-4 bg-surface-200 border border-overlay rounded flex justify-between items-center">
|
|
<div className="flex space-x-4">
|
|
<IconAlertCircle strokeWidth={1.5} className="text-foreground-light" />
|
|
<div className="space-y-1">
|
|
<p className="text-sm text-foreground">{description}</p>
|
|
<p className="text-sm text-foreground-light">
|
|
Try refreshing your browser. However, if this issue persists, please reach out to us via
|
|
support.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<Button asChild>
|
|
<Link href={`/support/new?ref=${projectRef}`} target="_blank" rel="noreferrer">
|
|
Contact support
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ClientLoadingError
|