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

fixing back and next transition

Browse Source
This commit is contained in:
Sebastian 2022-04-14 17:08:36 -03:00
parent bf3e011183
commit a2e8ab9445
No known key found for this signature in database
GPG Key ID: BE4FF68352439FC1
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/anastasis-webui/src/pages/home/index.tsx
View File

@ -100,24 +100,26 @@ export function AnastasisClientFrame(props: AnastasisClientFrameProps): VNode {
return <p>Fatal: Reducer must be in context.</p>;
}
const doBack = async (): Promise<void> => {
history.back();
if (props.onBack) {
await props.onBack();
} else {
await reducer.back();
}
};
const doNext = async (): Promise<void> => {
try {
const nextId: number =
(history.state && typeof history.state.id === "number"
? history.state.id
: 0) + 1;
const doNext = async (fromPopstate?: boolean): Promise<void> => {
if (!fromPopstate) {
try {
const nextId: number =
(history.state && typeof history.state.id === "number"
? history.state.id
: 0) + 1;
currentHistoryId = nextId;
currentHistoryId = nextId;
history.pushState({ id: nextId }, "unused", `#${nextId}`);
} catch (e) {
console.log(e);
history.pushState({ id: nextId }, "unused", `#${nextId}`);
} catch (e) {
console.log(e);
}
}
if (props.onNext) {
@ -136,9 +138,9 @@ export function AnastasisClientFrame(props: AnastasisClientFrameProps): VNode {
const browserOnBackButton = useCallback(async (ev: PopStateEvent) => {
//check if we are going back or forward
if (!ev.state || ev.state.id === 0 || ev.state.id < currentHistoryId) {
await reducer.back();
await doBack();
} else {
await reducer.transition("next", {});
await doNext(true);
}
// reducer
@ -169,13 +171,13 @@ export function AnastasisClientFrame(props: AnastasisClientFrameProps): VNode {
justifyContent: "space-between",
}}
>
<button class="button" onClick={doBack}>
<button class="button" onClick={() => doBack()}>
Back
</button>
<AsyncButton
class="button is-info"
data-tooltip={props.hideNext}
onClick={doNext}
onClick={() => doNext()}
disabled={props.hideNext !== undefined}
>
Next