diff options
author | Sebastian <sebasjm@gmail.com> | 2023-04-14 14:07:15 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-04-14 14:16:25 -0300 |
commit | 5ea22a325c069fe497b2dc8a73d4de69fd8cc27b (patch) | |
tree | 7783c8a47c5f645a2c277bb0251863e4d6165dde /packages/demobank-ui/src/context | |
parent | c3e1a0bb519bf5012781891c15c433841203bce2 (diff) |
using new localStorage api, pageState => settings, notifcation using observer api
Diffstat (limited to 'packages/demobank-ui/src/context')
-rw-r--r-- | packages/demobank-ui/src/context/pageState.ts | 113 |
1 files changed, 0 insertions, 113 deletions
diff --git a/packages/demobank-ui/src/context/pageState.ts b/packages/demobank-ui/src/context/pageState.ts deleted file mode 100644 index 074fbcafc..000000000 --- a/packages/demobank-ui/src/context/pageState.ts +++ /dev/null @@ -1,113 +0,0 @@ -/* - 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 { TranslatedString } from "@gnu-taler/taler-util"; -import { useNotNullLocalStorage } from "@gnu-taler/web-util/lib/index.browser"; -import { ComponentChildren, createContext, h, VNode } from "preact"; -import { StateUpdater, useContext } from "preact/hooks"; - -/** - * - * @author Sebastian Javier Marchano (sebasjm) - */ - -export type Type = { - pageState: PageStateType; - pageStateSetter: StateUpdater<PageStateType>; -}; -const initial: Type = { - pageState: {}, - pageStateSetter: () => { - null; - }, -}; -const Context = createContext<Type>(initial); - -export const usePageContext = (): Type => useContext(Context); - -export const PageStateProvider = ({ - children, -}: { - children: ComponentChildren; -}): VNode => { - const [pageState, pageStateSetter] = usePageState(); - - return h(Context.Provider, { - value: { pageState, pageStateSetter }, - children, - }); -}; - -/** - * Wrapper providing defaults. - */ -function usePageState( - state: PageStateType = {}, -): [PageStateType, StateUpdater<PageStateType>] { - const ret = useNotNullLocalStorage("page-state", JSON.stringify(state)); - const retObj: PageStateType = JSON.parse(ret[0]); - - const retSetter: StateUpdater<PageStateType> = function (val) { - const newVal = - val instanceof Function - ? JSON.stringify(val(retObj)) - : JSON.stringify(val); - - ret[1](newVal); - }; - - //when moving from one page to another - //clean up the info and error bar - function removeLatestInfo(val: any): ReturnType<typeof retSetter> { - const updater = typeof val === "function" ? val : (c: any) => val; - return retSetter((current: any) => { - const cleanedCurrent: PageStateType = { - ...current, - info: undefined, - errors: undefined, - timestamp: new Date().getTime(), - }; - return updater(cleanedCurrent); - }); - } - - return [retObj, removeLatestInfo]; -} - -export type ErrorMessage = { - description?: string; - title: TranslatedString; - debug?: string; -}; -/** - * Track page state. - */ -export interface PageStateType { - currentWithdrawalOperationId?: string; -} - -export interface ObservedStateType { - error: ErrorMessage | undefined; - info: TranslatedString | undefined; -} -export const errorListeners: Array<(error: ErrorMessage) => void> = []; -export const infoListeners: Array<(info: TranslatedString) => void> = []; -export function notifyError(error: ErrorMessage) { - errorListeners.forEach((cb) => cb(error)); -} -export function notifyInfo(info: TranslatedString) { - infoListeners.forEach((cb) => cb(info)); -} |