2021-06-25 14:15:00 +00:00
|
|
|
import Image from 'next/image'
|
2022-02-06 10:35:03 +00:00
|
|
|
import { Trans } from 'next-i18next'
|
2021-06-25 14:15:00 +00:00
|
|
|
|
2022-01-06 08:34:16 +00:00
|
|
|
const FourOhFour: React.FC<{ errorMsg: string }> = ({ errorMsg }) => {
|
2021-06-25 14:15:00 +00:00
|
|
|
return (
|
2021-12-29 07:23:47 +00:00
|
|
|
<div className="my-12">
|
2022-02-10 02:21:41 +00:00
|
|
|
<div className="mx-auto w-1/3">
|
2022-02-04 08:05:28 +00:00
|
|
|
<Image src="/images/fabulous-rip-2.png" alt="404" width={912} height={912} priority />
|
2021-08-30 13:34:37 +00:00
|
|
|
</div>
|
2022-02-10 02:21:41 +00:00
|
|
|
<div className="mx-auto mt-6 max-w-xl text-gray-500">
|
|
|
|
<div className="mb-8 text-xl font-bold">
|
2022-02-06 10:35:03 +00:00
|
|
|
<Trans>
|
2022-02-08 11:11:47 +00:00
|
|
|
{/* eslint-disable-next-line react/no-unescaped-entities */}
|
2022-02-10 02:21:41 +00:00
|
|
|
Oops, that's a <span className="underline decoration-red-500 decoration-wavy">four-oh-four</span>.
|
2022-02-06 10:35:03 +00:00
|
|
|
</Trans>
|
2021-12-18 03:00:08 +00:00
|
|
|
</div>
|
2022-02-14 14:10:40 +00:00
|
|
|
<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">
|
2021-12-18 03:00:08 +00:00
|
|
|
{errorMsg}
|
|
|
|
</div>
|
2021-12-29 07:23:47 +00:00
|
|
|
<div className="text-sm">
|
2022-02-06 10:35:03 +00:00
|
|
|
<Trans>
|
|
|
|
Press{' '}
|
2022-02-14 13:01:49 +00:00
|
|
|
<kbd className="rounded border border-gray-400/20 bg-gray-100 px-1 font-mono text-xs dark:bg-gray-800">
|
2022-02-06 10:35:03 +00:00
|
|
|
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>
|
2021-12-18 03:00:08 +00:00
|
|
|
</div>
|
2021-06-25 14:15:00 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default FourOhFour
|