starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-29 05:31:51 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Minor theme updates again

Browse Source
This commit is contained in:
Gregory Schier
2023-03-08 09:43:35 -08:00
parent eec65f8721
commit 6eaad1352a
12 changed files with 70 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src-web/components/RouterError.tsx
View File

@@ -1,19 +1,19 @@
import React from 'react';
import { Link, useRouteError } from 'react-router-dom';
import { Button } from './Button';
import { useRouteError } from 'react-router-dom';
import { ButtonLink } from './ButtonLink';
import { Heading } from './Heading';
import { VStack } from './Stacks';
export function RouterError() {
const error = useRouteError();
console.log('Router Error', error);
const stringified = JSON.stringify(error);
const message = (error as any).message ?? stringified;
return (
<div className="flex items-center justify-center h-full">
<VStack space={5} className="w-auto h-auto">
<VStack space={5} className="max-w-[30rem] !h-auto">
<Heading>Route Error 🔥</Heading>
<pre className="text-sm select-auto cursor-text bg-gray-50 p-3 rounded">
{JSON.stringify(error, null, 2)}
<pre className="text-sm select-auto cursor-text bg-gray-100 p-3 rounded whitespace-normal">
{message}
</pre>
<ButtonLink to="/" color="primary">
Go Home