mirror of
https://github.com/supabase/supabase.git
synced 2026-07-02 15:34:36 +08:00
d8f7cc0d57
* o11y: mirror and sanitize breadcrumbs Mirror Sentry breadcrumbs as the basis for our own support logging. Also adds more sanitization to breadcrumbs. * feat(support form): toggle for attaching dashboard logs Add a toggle to the support form when the category is "Dashboard bug", to attach recent dashboard logs. Users can preview the attached logs and opt out. * feat(support links): dedicated support link component Add a new component for support links, which: - Uses the serializer for support link params to ensure serialization/deserialization pairs correctly - Snapshots breadcrumbs so the attached log on the support form will be cut off at the support link click (otherwise we will get support form actions cluttering up the log) * tests(support form): extend timeout on flaky test * Minor clean up * fix(support form): allow url to specifically indicate no specified project * minor nits * Fix tests * Fix tests --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { SupportLink } from 'components/interfaces/Support/SupportLink'
|
|
import Link from 'next/link'
|
|
import { useEffect } from 'react'
|
|
import { Button } from 'ui'
|
|
|
|
export default function EmptyPageState({ error }: any) {
|
|
useEffect(() => {
|
|
console.error('Error', error)
|
|
}, [])
|
|
|
|
return (
|
|
<div className="mx-auto flex h-full w-full flex-col items-center justify-center space-y-6">
|
|
<div className="flex w-[320px] flex-col items-center justify-center space-y-3">
|
|
<h4 className="text-lg">Something went wrong 🤕</h4>
|
|
<p className="text-center text-sm text-foreground-light">
|
|
Sorry about that, please try again later or feel free to reach out to us if the problem
|
|
persists.
|
|
</p>
|
|
</div>
|
|
<div className="flex items-center space-x-4">
|
|
<Button asChild>
|
|
<Link href="/projects">Head back</Link>
|
|
</Button>
|
|
<Button asChild type="secondary">
|
|
<SupportLink>Submit a support request</SupportLink>
|
|
</Button>
|
|
</div>
|
|
<p className="text-sm text-foreground-light">
|
|
Error: [{error?.code}] {error?.message}
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|