summaryrefslogtreecommitdiff
path: root/packages/web-util/src/components/ErrorLoading.tsx
blob: 02f2a3282d35adf13f2a06758ef026a1cb92b72b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
/*
/*
 This file is part of GNU Taler
 (C) 2022 Taler Systems S.A.

 GNU Taler is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
 */

import { TalerError, TalerErrorCode, assertUnreachable } from "@gnu-taler/taler-util";
import { Fragment, VNode, h } from "preact";
import { Attention } from "./Attention.js";
import { useTranslationContext } from "../index.browser.js";

export function ErrorLoading({ error, showDetail }: { error: TalerError, showDetail?: boolean }): VNode {
  const { i18n } = useTranslationContext()
  switch (error.errorDetail.code) {
    //////////////////
    // Every error that can be produce in a Http Request
    //////////////////
    case TalerErrorCode.WALLET_HTTP_REQUEST_GENERIC_TIMEOUT: {
      if (error.hasErrorCode(TalerErrorCode.WALLET_HTTP_REQUEST_GENERIC_TIMEOUT)) {
        const { requestMethod, requestUrl, timeoutMs } = error.errorDetail
        return <Attention type="danger" title={i18n.str`The request reached a timeout, check your connection.`}>
          {error.message}
          {showDetail &&
            <pre class="whitespace-break-spaces ">
              {JSON.stringify({ requestMethod, requestUrl, timeoutMs }, undefined, 2)}
            </pre>
          }
        </Attention>
      }
      assertUnreachable(1 as never)
    }
    case TalerErrorCode.WALLET_HTTP_REQUEST_THROTTLED: {
      if (error.hasErrorCode(TalerErrorCode.WALLET_HTTP_REQUEST_THROTTLED)) {
        const { requestMethod, requestUrl, throttleStats } = error.errorDetail
        return <Attention type="danger" title={i18n.str`A lot of request were made to the same server and this action was throttled`}>
          {error.message}
          {showDetail &&
            <pre class="whitespace-break-spaces ">
              {JSON.stringify({ requestMethod, requestUrl, throttleStats }, undefined, 2)}
            </pre>
          }
        </Attention>
      }
      assertUnreachable(1 as never)
    }
    case TalerErrorCode.WALLET_RECEIVED_MALFORMED_RESPONSE: {
      if (error.hasErrorCode(TalerErrorCode.WALLET_RECEIVED_MALFORMED_RESPONSE)) {
        const { requestMethod, requestUrl, httpStatusCode, validationError } = error.errorDetail
        return <Attention type="danger" title={i18n.str`The response of the request is malformed.`}>
          {error.message}
          {showDetail &&
            <pre class="whitespace-break-spaces ">
              {JSON.stringify({ requestMethod, requestUrl, httpStatusCode, validationError }, undefined, 2)}
            </pre>
          }
        </Attention>
      }
      assertUnreachable(1 as never)
    }
    case TalerErrorCode.WALLET_NETWORK_ERROR: {
      if (error.hasErrorCode(TalerErrorCode.WALLET_NETWORK_ERROR)) {
        const { requestMethod, requestUrl } = error.errorDetail
        return <Attention type="danger" title={i18n.str`Could not complete the request due to a network problem.`}>
          {error.message}
          {showDetail &&
            <pre class="whitespace-break-spaces ">
              {JSON.stringify({ requestMethod, requestUrl }, undefined, 2)}
            </pre>
          }
        </Attention>
      }
      assertUnreachable(1 as never)
    }
    case TalerErrorCode.WALLET_UNEXPECTED_REQUEST_ERROR: {
      if (error.hasErrorCode(TalerErrorCode.WALLET_UNEXPECTED_REQUEST_ERROR)) {
        const { requestMethod, requestUrl, httpStatusCode, errorResponse } = error.errorDetail
        return <Attention type="danger" title={i18n.str`Unexpected request error`}>
          {error.message}
          {showDetail &&
            <pre class="whitespace-break-spaces ">
              {JSON.stringify({ requestMethod, requestUrl, httpStatusCode, errorResponse }, undefined, 2)}
            </pre>
          }
        </Attention>
      }
      assertUnreachable(1 as never)
    }
    //////////////////
    // Every other error 
    //////////////////
    // case TalerErrorCode.WALLET_UNEXPECTED_REQUEST_ERROR: {
    //   return <Attention type="danger" title={i18n.str``}>
    //   </Attention>
    // }
    //////////////////
    // Default message for unhandled case
    //////////////////
    default: return <Attention type="danger" title={i18n.str`Unexpected error`}>
      {error.message}
      {showDetail &&
        <pre class="whitespace-break-spaces ">
          {JSON.stringify(error.errorDetail, undefined, 2)}
        </pre>
      }
    </Attention>
  }
}