chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

move error component to standalone

Browse source
This commit is contained in:
Chris Kruining 2025-02-20 16:10:20 +11:00
parent 2b4aac7189
commit 5731ba62d0
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
6 changed files with 40 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/error/error.module.css Normal file
View file

@ -0,0 +1,16 @@
.error {
display: grid;
place-content: center;
background: repeating-linear-gradient(-45deg,
color(from var(--fail) xyz x y z / .05),
color(from var(--fail) xyz x y z / .05) 10px,
color(from var(--fail) xyz x y z / .25) 10px,
color(from var(--fail) xyz x y z / .25) 12px,
color(from var(--fail) xyz x y z / .05) 12px);
color: var(--text-2);
border: 1px solid var(--fail);
border-radius: var(--radii-m);
margin: var(--padding-l);
}

16
src/components/error/error.tsx Normal file
View file

@ -0,0 +1,16 @@
import { Component, Show } from "solid-js";
import css from './error.module.css';
export const ErrorComp: Component<{ error: Error }> = (props) => {
return <div class={css.error}>
<b>{props.error.message}</b>
<Show when={props.error.cause}>{
cause => <>{cause().description}</>
}</Show>
{props.error.stack}
<a href="/">Return to start</a>
</div>;
};

1
src/components/error/index.tsx Normal file
View file

@ -0,0 +1 @@
export { ErrorComp } from './error';