blob: 79c510d2f2b4282f94bd1cd72c026e8c39718596 (
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
|
/*
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 { Fragment, h, VNode } from "preact";
import { TextFieldHandler } from "../mui/handlers.js";
import { TextField } from "../mui/TextField.js";
import { ErrorText } from "./styled/index.js";
export function AmountField({
label,
handler,
currency,
required,
}: {
label: VNode;
required?: boolean;
currency: string;
handler: TextFieldHandler;
}): VNode {
function positiveAmount(value: string): string {
if (!value) return "";
try {
const num = Number.parseFloat(value);
if (Number.isNaN(num) || num < 0) return handler.value;
if (handler.onInput) {
handler.onInput(value);
}
return value;
} catch (e) {
// do nothing
}
return handler.value;
}
return (
<Fragment>
<TextField
label={label}
type="number"
min="0"
step="0.1"
variant="filled"
error={!!handler.error}
required={required}
startAdornment={
<div style={{ padding: "25px 12px 8px 12px" }}>{currency}</div>
}
value={handler.value}
disabled={!handler.onInput}
onInput={positiveAmount}
/>
{handler.error && <ErrorText>{handler.error}</ErrorText>}
</Fragment>
);
}
|