taler/wallet-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

fix link to payto wire

Browse Source
This commit is contained in:
Sebastian 2022-11-07 15:30:48 -03:00
parent a3ac373597
commit 019080a94b
No known key found for this signature in database
GPG Key ID: BE4FF68352439FC1
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/demobank-ui/src/pages/home/index.tsx
View File

@ -367,16 +367,14 @@ type RawPaytoInputType = string;
type RawPaytoInputTypeOpt = RawPaytoInputType | undefined; type RawPaytoInputTypeOpt = RawPaytoInputType | undefined;
function useRawPaytoInputType( function useRawPaytoInputType(
state?: RawPaytoInputType, state?: RawPaytoInputType,
): [RawPaytoInputTypeOpt, StateUpdater<RawPaytoInputTypeOpt>, boolean] { ): [RawPaytoInputTypeOpt, StateUpdater<RawPaytoInputTypeOpt>] {
const ret = useLocalStorage("raw-payto-input-state", state); const ret = useLocalStorage("raw-payto-input-state", state);
const [dirty, setDirty] = useState(false);
const retObj: RawPaytoInputTypeOpt = ret[0]; const retObj: RawPaytoInputTypeOpt = ret[0];
const retSetter: StateUpdater<RawPaytoInputTypeOpt> = function (val) { const retSetter: StateUpdater<RawPaytoInputTypeOpt> = function (val) {
const newVal = val instanceof Function ? val(retObj) : val; const newVal = val instanceof Function ? val(retObj) : val;
setDirty(true);
ret[1](newVal); ret[1](newVal);
}; };
return [retObj, retSetter, dirty]; return [retObj, retSetter];
} }
/** /**
@ -1156,8 +1154,10 @@ function PaytoWireTransfer(Props: any): VNode {
const currency = useContext(CurrencyContext); const currency = useContext(CurrencyContext);
const [pageState, pageStateSetter] = useContext(PageContext); // NOTE: used for go-back button? const [pageState, pageStateSetter] = useContext(PageContext); // NOTE: used for go-back button?
const [submitData, submitDataSetter] = useWireTransferRequestType(); const [submitData, submitDataSetter] = useWireTransferRequestType();
const [rawPaytoInput, rawPaytoInputSetter, rawPaytoInputDirty] = // const [rawPaytoInput, rawPaytoInputSetter] = useRawPaytoInputType();
useRawPaytoInputType(); const [rawPaytoInput, rawPaytoInputSetter] = useState<string | undefined>(
undefined,
);
const i18n = useTranslator(); const i18n = useTranslator();
const { focus, backendState } = Props; const { focus, backendState } = Props;
const amountRegex = "^[0-9]+(.[0-9]+)?$"; const amountRegex = "^[0-9]+(.[0-9]+)?$";
@ -1339,7 +1339,7 @@ function PaytoWireTransfer(Props: any): VNode {
</div> </div>
<p> <p>
<a <a
href="#" href="/account"
onClick={() => { onClick={() => {
console.log("switch to raw payto form"); console.log("switch to raw payto form");
pageStateSetter((prevState: any) => ({ pageStateSetter((prevState: any) => ({
@ -1374,7 +1374,7 @@ function PaytoWireTransfer(Props: any): VNode {
size={50} size={50}
ref={ref} ref={ref}
id="address" id="address"
value={rawPaytoInput} value={rawPaytoInput ?? ""}
required required
placeholder={i18n`payto address`} placeholder={i18n`payto address`}
// pattern={`payto://iban/[A-Z][A-Z][0-9]+?message=[a-zA-Z0-9 ]+&amount=${currency}:[0-9]+(.[0-9]+)?`} // pattern={`payto://iban/[A-Z][A-Z][0-9]+?message=[a-zA-Z0-9 ]+&amount=${currency}:[0-9]+(.[0-9]+)?`}
@ -1384,7 +1384,7 @@ function PaytoWireTransfer(Props: any): VNode {
/> />
<ShowInputErrorLabel <ShowInputErrorLabel
message={errorsPayto?.rawPaytoInput} message={errorsPayto?.rawPaytoInput}
isDirty={rawPaytoInputDirty} isDirty={rawPaytoInput !== undefined}
/> />
<br /> <br />
<div class="hint"> <div class="hint">
@ -1418,14 +1418,14 @@ function PaytoWireTransfer(Props: any): VNode {
transactionData, transactionData,
backendState, backendState,
pageStateSetter, pageStateSetter,
() => rawPaytoInputSetter((p) => ""), () => rawPaytoInputSetter(undefined),
); );
}} }}
/> />
</p> </p>
<p> <p>
<a <a
href="#" href="/account"
onClick={() => { onClick={() => {
console.log("switch to wire-transfer-form"); console.log("switch to wire-transfer-form");
pageStateSetter((prevState: any) => ({ pageStateSetter((prevState: any) => ({
@ -2557,7 +2557,6 @@ function AccountPage(): VNode {
function Redirect({ to }: { to: string }): VNode { function Redirect({ to }: { to: string }): VNode {
useEffect(() => { useEffect(() => {
debugger;
route(to, true); route(to, true);
}, []); }, []);
return <div>being redirected to {to}</div>; return <div>being redirected to {to}</div>;