aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-22 08:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix setup error precendence

Browse Source
This commit is contained in:
Paul Miller
2023-06-26 15:33:57 -05:00
parent d570f224a1
commit 63a097d826
3 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/SetupErrorDisplay.tsx
View File

@@ -28,17 +28,20 @@ function ErrorFooter() {
);
}
export default function SetupErrorDisplay(props: { error: Error }) {
export default function SetupErrorDisplay(props: { initialError: Error }) {
// Error shouldn't be reactive, so we assign to it so it just gets rendered with the first value
const error = props.initialError;
return (
<SafeArea>
<Switch>
<Match when={props.error.message.startsWith("Existing tab")}>
<Match when={error.message.startsWith("Existing tab")}>
<Title>Multiple tabs detected</Title>
<DefaultMain>
<LargeHeader>Multiple tabs detected</LargeHeader>
<p class="bg-white/10 rounded-xl p-4 font-mono">
<span class="font-bold">{props.error.name}</span>:{" "}
{props.error.message}
<span class="font-bold">{error.name}</span>:{" "}
{error.message}
</p>
<NiceP>
Mutiny currently only supports use in one tab at a
@@ -50,13 +53,13 @@ export default function SetupErrorDisplay(props: { error: Error }) {
<ErrorFooter />
</DefaultMain>
</Match>
<Match when={props.error.message.startsWith("Browser error")}>
<Match when={error.message.startsWith("Browser error")}>
<Title>Incompatible browser</Title>
<DefaultMain>
<LargeHeader>Incompatible browser detected</LargeHeader>
<p class="bg-white/10 rounded-xl p-4 font-mono">
<span class="font-bold">{props.error.name}</span>:{" "}
{props.error.message}
<span class="font-bold">{error.name}</span>:{" "}
{error.message}
</p>
<NiceP>
Mutiny requires a modern browser that supports
@@ -86,8 +89,8 @@ export default function SetupErrorDisplay(props: { error: Error }) {
<DefaultMain>
<LargeHeader>Failed to load Mutiny</LargeHeader>
<p class="bg-white/10 rounded-xl p-4 font-mono">
<span class="font-bold">{props.error.name}</span>:{" "}
{props.error.message}
<span class="font-bold">{error.name}</span>:{" "}
{error.message}
</p>
<NiceP>
Something went wrong while booting up Mutiny Wallet.