diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx b/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx index ae451dcd8..8f61c7133 100644 --- a/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx +++ b/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx @@ -29,10 +29,11 @@ export function ErrorTalerOperation({ }): VNode | null { const { devMode } = useDevContext(); const [showErrorDetail, setShowErrorDetail] = useState(false); - + if (!title || !error) return null; // const errorCode: number | undefined = (error.details as any)?.errorResponse?.code - const errorHint: string | undefined = (error.details as any)?.errorResponse?.hint + const errorHint: string | undefined = (error.details as any)?.errorResponse + ?.hint; return ( <ErrorBox style={{ paddingTop: 0, paddingBottom: 0 }}> @@ -53,11 +54,11 @@ export function ErrorTalerOperation({ <div style={{ padding: 5, textAlign: "left" }}> <div>{error.message}</div> </div> - {errorHint && - <div style={{ padding: 5, textAlign: "left" }}> - <div>{errorHint}</div> - </div> - } + {errorHint && ( + <div style={{ padding: 5, textAlign: "left" }}> + <div>{errorHint}</div> + </div> + )} {devMode && ( <div style={{ textAlign: "left", overflowX: "auto" }}> <pre>{JSON.stringify(error, undefined, 2)}</pre> |