Files
supabase/apps/studio/components/ui/ClientLoadingError.tsx
T
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

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