Spaces:
Paused
Paused
File size: 1,580 Bytes
5db682b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
import Image from 'next/image'
import { Trans } from 'next-i18next'
const FourOhFour: React.FC<{ errorMsg: string }> = ({ errorMsg }) => {
return (
<div className="my-12">
<div className="mx-auto w-1/3">
<Image src="/images/fabulous-rip-2.png" alt="404" width={912} height={912} priority />
</div>
<div className="mx-auto mt-6 max-w-xl text-gray-500">
<div className="mb-8 text-xl font-bold">
<Trans>
{/* eslint-disable-next-line react/no-unescaped-entities */}
Oops, that's a <span className="underline decoration-red-500 decoration-wavy">four-oh-four</span>.
</Trans>
</div>
<div className="mb-4 overflow-hidden break-all rounded border border-gray-400/20 bg-gray-50 p-2 font-mono text-xs dark:bg-gray-800">
{errorMsg}
</div>
<div className="text-sm">
<Trans>
Press{' '}
<kbd className="rounded border border-gray-400/20 bg-gray-100 px-1 font-mono text-xs dark:bg-gray-800">
F12
</kbd>{' '}
and open devtools for more details, or seek help at{' '}
<a
className="text-blue-600 hover:text-blue-700 hover:underline"
href="https://github.com/spencerwooo/onedrive-vercel-index/discussions"
target="_blank"
rel="noopener noreferrer"
>
onedrive-vercel-index discussions
</a>
.
</Trans>
</div>
</div>
</div>
)
}
export default FourOhFour
|