77 lines
2.1 KiB
TypeScript
77 lines
2.1 KiB
TypeScript
|
import { useState, useEffect } from "preact/hooks";
|
||
|
|
import { getDiagnostics } from "../wxApi";
|
||
|
|
import { PageLink } from "../renderHtml";
|
||
|
|
import { WalletDiagnostics } from "@gnu-taler/taler-util";
|
||
|
|
import { JSX } from "preact/jsx-runtime";
|
||
|
|
|
||
|
|
|
||
|
|
export function Diagnostics(): JSX.Element | null {
|
||
|
|
const [timedOut, setTimedOut] = useState(false);
|
||
|
|
const [diagnostics, setDiagnostics] = useState<WalletDiagnostics | undefined>(
|
||
|
|
undefined
|
||
|
|
);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
let gotDiagnostics = false;
|
||
|
|
setTimeout(() => {
|
||
|
|
if (!gotDiagnostics) {
|
||
|
|
console.error("timed out");
|
||
|
|
setTimedOut(true);
|
||
|
|
}
|
||
|
|
}, 1000);
|
||
|
|
const doFetch = async (): Promise<void> => {
|
||
|
|
const d = await getDiagnostics();
|
||
|
|
console.log("got diagnostics", d);
|
||
|
|
gotDiagnostics = true;
|
||
|
|
setDiagnostics(d);
|
||
|
|
};
|
||
|
|
console.log("fetching diagnostics");
|
||
|
|
doFetch();
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
if (timedOut) {
|
||
|
|
return <p>Diagnostics timed out. Could not talk to the wallet backend.</p>;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (diagnostics) {
|
||
|
|
if (diagnostics.errors.length === 0) {
|
||
|
|
return null;
|
||
|
|
} else {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
style={{
|
||
|
|
borderLeft: "0.5em solid red",
|
||
|
|
paddingLeft: "1em",
|
||
|
|
paddingTop: "0.2em",
|
||
|
|
paddingBottom: "0.2em",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<p>Problems detected:</p>
|
||
|
|
<ol>
|
||
|
|
{diagnostics.errors.map((errMsg) => (
|
||
|
|
<li key={errMsg}>{errMsg}</li>
|
||
|
|
))}
|
||
|
|
</ol>
|
||
|
|
{diagnostics.firefoxIdbProblem ? (
|
||
|
|
<p>
|
||
|
|
Please check in your <code>about:config</code> settings that you
|
||
|
|
have IndexedDB enabled (check the preference name{" "}
|
||
|
|
<code>dom.indexedDB.enabled</code>).
|
||
|
|
</p>
|
||
|
|
) : null}
|
||
|
|
{diagnostics.dbOutdated ? (
|
||
|
|
<p>
|
||
|
|
Your wallet database is outdated. Currently automatic migration is
|
||
|
|
not supported. Please go{" "}
|
||
|
|
<PageLink pageName="/reset-required">here</PageLink> to reset
|
||
|
|
the wallet database.
|
||
|
|
</p>
|
||
|
|
) : null}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return <p>Running diagnostics ...</p>;
|
||
|
|
}
|