[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-typescript-core] branch master updated: fix #9517
|
From: |
Admin |
|
Subject: |
[taler-typescript-core] branch master updated: fix #9517 |
|
Date: |
Tue, 11 Feb 2025 16:55:06 +0100 |
This is an automated email from the git hooks/post-receive script.
sebasjm pushed a commit to branch master
in repository taler-typescript-core.
The following commit(s) were added to refs/heads/master by this push:
new ef6b025b7 fix #9517
ef6b025b7 is described below
commit ef6b025b7fbd80fab0da33cc1771d87fa55126d1
Author: Sebastian <sebasjm@gmail.com>
AuthorDate: Tue Feb 11 12:54:59 2025 -0300
fix #9517
---
.../src/components/form/Input.tsx | 6 ++++-
.../src/components/form/InputArray.tsx | 13 +++++++---
.../src/components/form/InputBoolean.tsx | 6 ++++-
.../src/components/form/InputDate.tsx | 13 +++++++---
.../src/components/form/InputDuration.tsx | 6 ++++-
.../src/components/form/InputImage.tsx | 30 ++++++++++++++--------
.../src/components/form/InputSecured.tsx | 6 ++++-
.../src/components/form/InputSelector.tsx | 6 ++++-
.../src/components/form/InputTab.tsx | 19 +++++++++++---
.../src/components/form/InputToggle.tsx | 6 ++++-
.../src/components/form/InputWithAddon.tsx | 6 ++++-
.../src/components/form/JumpToElementById.tsx | 6 ++++-
.../src/components/form/TextField.tsx | 6 ++++-
.../src/components/modal/index.tsx | 8 ++++--
14 files changed, 105 insertions(+), 32 deletions(-)
diff --git a/packages/merchant-backoffice-ui/src/components/form/Input.tsx
b/packages/merchant-backoffice-ui/src/components/form/Input.tsx
index 899061c35..e961ddbb9 100644
--- a/packages/merchant-backoffice-ui/src/components/form/Input.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/Input.tsx
@@ -107,7 +107,11 @@ export function Input<T>({
</span>
)}
</p>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
{side}
</div>
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx
index 9abec8630..45b7fe241 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx
@@ -123,8 +123,13 @@ export function InputArray<T>({
)}
</div>
{help}
- {error && <p class="help is-danger"> {error} </p>}
-
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {" "}
+ {error}{" "}
+ </p>
+ )}
+
{suggestions.length > 0 ? (
<div>
<DropdownList
@@ -153,7 +158,9 @@ export function InputArray<T>({
class="tag is-medium is-danger is-delete mb-0"
onClick={() => {
onChange(array.filter((f) => f !== v) as T[keyof T]);
- setCurrentValue(getSuggestion ? (v as any).description :
toStr(v));
+ setCurrentValue(
+ getSuggestion ? (v as any).description : toStr(v),
+ );
}}
/>
</div>
diff --git
a/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx
index bdb2feb6b..990b61248 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx
@@ -83,7 +83,11 @@ export function InputBoolean<T>({
</label>
{help}
</p>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
</div>
</div>
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
index 36785671b..50c2bc3b7 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx
@@ -24,7 +24,10 @@ import { ComponentChildren, h, VNode } from "preact";
import { useState } from "preact/hooks";
import { DatePicker } from "../picker/DatePicker.js";
import { InputProps, useField } from "./useField.js";
-import { dateFormatForSettings, usePreference } from
"../../hooks/preference.js";
+import {
+ dateFormatForSettings,
+ usePreference,
+} from "../../hooks/preference.js";
export interface Props<T> extends InputProps<T> {
readonly?: boolean;
@@ -47,7 +50,7 @@ export function InputDate<T>({
}: Props<keyof T>): VNode {
const [opened, setOpened] = useState(false);
const { i18n } = useTranslationContext();
- const [settings] = usePreference()
+ const [settings] = usePreference();
const { error, required, value, onChange } = useField<T>(name);
@@ -117,7 +120,11 @@ export function InputDate<T>({
</a>
</div>
</div>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
{!readonly && (
diff --git
a/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx
index 98533a1d4..bd211f7e3 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx
@@ -147,7 +147,11 @@ export function InputDuration<T>({
</a>
</div>
</div>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
<span class="has-text-grey">{help}</span>
</div>
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx
index b1998a457..f8c3718f9 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx
@@ -77,9 +77,8 @@ export function InputImage<T>({
readonly={readonly}
onChange={(e) => {
const f: FileList | null = e.currentTarget.files;
- console.log("on change", e, f)
+ console.log("on change", e, f);
if (!f || f.length != 1) {
-
return onChange(undefined!);
}
if (f[0].size > MAX_IMAGE_UPLOAD_SIZE) {
@@ -94,16 +93,22 @@ export function InputImage<T>({
"",
),
);
- return onChange(`data:${f[0].type};base64,${b64}` as T[keyof
T]);
+ return onChange(
+ `data:${f[0].type};base64,${b64}` as T[keyof T],
+ );
});
}}
/>
{help}
{children}
</p>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
{sizeError && (
- <p class="help is-danger">
+ <p class="help is-danger" style={{ fontSize: 16 }}>
<i18n.Translate>Image must be smaller than 1 MB</i18n.Translate>
</p>
)}
@@ -113,12 +118,15 @@ export function InputImage<T>({
</button>
)}
{value && (
- <button class="button" onClick={() => {
- if (image.current) {
- image.current.value = ""
- }
- onChange(undefined!);
- }}>
+ <button
+ class="button"
+ onClick={() => {
+ if (image.current) {
+ image.current.value = "";
+ }
+ onChange(undefined!);
+ }}
+ >
<i18n.Translate>Remove</i18n.Translate>
</button>
)}
diff --git
a/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx
index 4a35ad96c..e63c46bb5 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx
@@ -133,7 +133,11 @@ export function InputSecured<T>({
</div>
</Fragment>
)}
- {error ? <p class="help is-danger">{error}</p> : null}
+ {error ? (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ ) : null}
</div>
</div>
{active && (
diff --git
a/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx
index 5a1a87236..d697f6eb4 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx
@@ -88,7 +88,11 @@ export function InputSelector<T>({
<i class="mdi mdi-alert" />
</span>
)}
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
</div>
</div>
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputTab.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputTab.tsx
index 1cd88d31a..ee0a2868a 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputTab.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputTab.tsx
@@ -64,8 +64,12 @@ export function InputTab<T>({
<ul>
{values.map((v, i) => {
return (
- <li key={i} class={value === v ? "is-active" : ""}
- onClick={(e) => { onChange(v) }}
+ <li
+ key={i}
+ class={value === v ? "is-active" : ""}
+ onClick={(e) => {
+ onChange(v);
+ }}
>
<a style={{ cursor: "initial" }}>
<span>{toStr(v)}</span>
@@ -78,11 +82,18 @@ export function InputTab<T>({
{help}
</p>
{required && (
- <span class="icon has-text-danger is-right" style={{ height:
"2.5em" }}>
+ <span
+ class="icon has-text-danger is-right"
+ style={{ height: "2.5em" }}
+ >
<i class="mdi mdi-alert" />
</span>
)}
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
</div>
</div>
diff --git
a/packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx
index 80ec9ab98..03abffce7 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx
@@ -97,7 +97,11 @@ export function InputToggle<T>({
</label>
<p>{help}</p>
</p>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
{side}
</div>
diff --git
a/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx
b/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx
index a227b7f0d..9f83badac 100644
--- a/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx
@@ -118,7 +118,11 @@ export function InputWithAddon<T>({
</div>
)}
</div>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
<span class="has-text-grey">{help}</span>
</div>
{expand ? <div>{side}</div> : side}
diff --git
a/packages/merchant-backoffice-ui/src/components/form/JumpToElementById.tsx
b/packages/merchant-backoffice-ui/src/components/form/JumpToElementById.tsx
index 7a9d5feba..1ea434520 100644
--- a/packages/merchant-backoffice-ui/src/components/form/JumpToElementById.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/JumpToElementById.tsx
@@ -65,7 +65,11 @@ export function JumpToElementById({
onChange={(e) => setId(e.currentTarget.value)}
placeholder={placeholder}
/>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
<span class="has-tooltip-bottom" data-tooltip={description}>
<button class="button" onClick={() => check(id)}>
diff --git a/packages/merchant-backoffice-ui/src/components/form/TextField.tsx
b/packages/merchant-backoffice-ui/src/components/form/TextField.tsx
index 8f897c2d8..68a2ea827 100644
--- a/packages/merchant-backoffice-ui/src/components/form/TextField.tsx
+++ b/packages/merchant-backoffice-ui/src/components/form/TextField.tsx
@@ -62,7 +62,11 @@ export function TextField<T>({
{children}
{help}
</p>
- {error && <p class="help is-danger">{error}</p>}
+ {error && (
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {error}
+ </p>
+ )}
</div>
{side}
</div>
diff --git a/packages/merchant-backoffice-ui/src/components/modal/index.tsx
b/packages/merchant-backoffice-ui/src/components/modal/index.tsx
index a5157068b..97b0fbea4 100644
--- a/packages/merchant-backoffice-ui/src/components/modal/index.tsx
+++ b/packages/merchant-backoffice-ui/src/components/modal/index.tsx
@@ -285,10 +285,14 @@ export function ImportingAccountModal({
/>
</p>
{letter !== undefined && errors.letter && (
- <p class="help is-danger">{errors.letter}</p>
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {errors.letter}
+ </p>
)}
{parsingError !== undefined && (
- <p class="help is-danger">{parsingError}</p>
+ <p class="help is-danger" style={{ fontSize: 16 }}>
+ {parsingError}
+ </p>
)}
</div>
</div>
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.
| [Prev in Thread] |
Current Thread |
[Next in Thread] |
- [taler-typescript-core] branch master updated: fix #9517,
Admin <=