mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-01 09:40:28 +08:00
Sebastian Martinez
b107b43ad0
The current Error that can be copied by users, isn't very helpful for debugging. We should stringify the entire error, with zodIssues, path, body, etc. for useful debugging.
53 lines
1.2 KiB
Svelte
53 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import Command from "./Command.svelte";
|
|
import ExternalLink from "./ExternalLink.svelte";
|
|
import Icon from "./Icon.svelte";
|
|
|
|
export let message: string;
|
|
export let error: any | undefined = undefined;
|
|
</script>
|
|
|
|
<style>
|
|
.error {
|
|
align-items: center;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: var(--font-family-sans-serif);
|
|
font-size: inherit;
|
|
padding: 1rem;
|
|
border-radius: var(--border-radius-small);
|
|
gap: 1rem;
|
|
}
|
|
|
|
.help {
|
|
font-size: var(--font-size-small);
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
|
|
<div class="error">
|
|
<Icon name="alert" size="48" />
|
|
{message}
|
|
{#if error}
|
|
<div class="help">
|
|
If you need help resolving this issue, copy the error message
|
|
<br />
|
|
below and send it to us on
|
|
<ExternalLink href="https://radicle.zulipchat.com">
|
|
radicle.zulipchat.com
|
|
</ExternalLink>
|
|
</div>
|
|
<div style:max-width="25rem">
|
|
<Command
|
|
command={JSON.stringify({
|
|
message: error.message,
|
|
stack: error.stack,
|
|
...error,
|
|
})}
|
|
fullWidth
|
|
showPrompt={false} />
|
|
</div>
|
|
{/if}
|
|
</div>
|