6675fa8d1e
* Fix #593: don't prevent default on link click * Use absolute/explicit path for settings Trying to test fix for #594 * Broken: replace almost all relative URLs with absolute * Clean up to use clean useDismiss with absolute path * Merge branch 'main' into franknoirot/ux-papercuts-3a * Add buttons to home, reload, clear, and bug report on error screen
63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
import { isTauri } from 'lib/isTauri'
|
|
import { useRouteError, isRouteErrorResponse } from 'react-router-dom'
|
|
import { ActionButton } from './ActionButton'
|
|
import {
|
|
faBug,
|
|
faHome,
|
|
faRefresh,
|
|
faTrash,
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
export const ErrorPage = () => {
|
|
let error = useRouteError()
|
|
|
|
console.error('error', error)
|
|
|
|
return (
|
|
<div className="flex flex-col items-center justify-center h-screen">
|
|
<section className="max-w-full xl:max-w-4xl mx-auto">
|
|
<h1 className="text-4xl mb-8 font-bold">
|
|
An unexpected error occurred
|
|
</h1>
|
|
{isRouteErrorResponse(error) && (
|
|
<p className="mb-8">
|
|
{error.status}: {error.data}
|
|
</p>
|
|
)}
|
|
<div className="flex justify-between gap-2 mt-6">
|
|
{isTauri() && (
|
|
<ActionButton Element="link" to={'/'} icon={{ icon: faHome }}>
|
|
Go Home
|
|
</ActionButton>
|
|
)}
|
|
<ActionButton
|
|
Element="button"
|
|
icon={{ icon: faRefresh }}
|
|
onClick={() => window.location.reload()}
|
|
>
|
|
Reload
|
|
</ActionButton>
|
|
<ActionButton
|
|
Element="button"
|
|
icon={{ icon: faTrash }}
|
|
onClick={() => {
|
|
window.localStorage.clear()
|
|
}}
|
|
>
|
|
Clear storage
|
|
</ActionButton>
|
|
<ActionButton
|
|
Element="link"
|
|
icon={{ icon: faBug }}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
to="https://discord.com/channels/915388055236509727/1138967922614743060"
|
|
>
|
|
Report Bug
|
|
</ActionButton>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
)
|
|
}
|