20db27fa7e
* bump to react 18 and install react-router-dom * Upgrade to react 18 root * update vite * add cs api's * convert state/auth to ts * add client config context * add auto discovery context * add spec version context * add auth flow context * add background dot pattern css * add promise utils * init url based routing * update auth route server path as effect * add auth server hook * always use server from discovery info in context * login - WIP * upgrade jotai to v2 * add atom with localStorage util * add multi account sessions atom * add default IGNORE res to auto discovery * add error type in async callback hook * handle password login error * fix async callback hook * allow password login * Show custom server not allowed error in mxId login * add sso login component * add token login * fix hardcoded m.login.password in login func * update server input on url change * Improve sso login labels * update folds * fix async callback batching state update in safari * wrap async callback set state in queueMicrotask * wip * wip - register * arrange auth file structure * add error codes * extract filed error component form password login * add register util function * handle register flow - WIP * update unsupported auth flow method reasons * improve password input styles * Improve UIA flow next stage calculation complete stages can have any order so we will look for first stage which is not in completed * process register UIA flow stages * Extract register UIA stages component * improve register error messages * add focus trap & step count in UIA stages * add reset password path and path utils * add path with origin hook * fix sso redirect url * rename register token query param to token * restyle auth screen header * add reset password component - WIP * add reset password form * add netlify rewrites * fix netlify file indentation * test netlify redirect * fix vite to include netlify toml * add more netlify redirects * add splat to public and assets path * fix vite base name * add option to use hash router in config and remove appVersion * add splash screen component * add client config loading and error screen * fix server picker bug * fix reset password email input type * make auth page small screen responsive * fix typo in reset password screen
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { atom, useAtomValue, useSetAtom } from 'jotai';
|
|
import { selectAtom } from 'jotai/utils';
|
|
import { useMemo } from 'react';
|
|
import { Settings, settingsAtom as sAtom } from '../settings';
|
|
|
|
export type SettingSetter<K extends keyof Settings> =
|
|
| Settings[K]
|
|
| ((s: Settings[K]) => Settings[K]);
|
|
|
|
export const useSetSetting = <K extends keyof Settings>(settingsAtom: typeof sAtom, key: K) => {
|
|
const setterAtom = useMemo(
|
|
() =>
|
|
atom<null, [SettingSetter<K>], undefined>(null, (get, set, value) => {
|
|
const s = { ...get(settingsAtom) };
|
|
s[key] = typeof value === 'function' ? value(s[key]) : value;
|
|
set(settingsAtom, s);
|
|
}),
|
|
[settingsAtom, key]
|
|
);
|
|
|
|
return useSetAtom(setterAtom);
|
|
};
|
|
|
|
export const useSetting = <K extends keyof Settings>(
|
|
settingsAtom: typeof sAtom,
|
|
key: K
|
|
): [Settings[K], ReturnType<typeof useSetSetting<K>>] => {
|
|
const selector = useMemo(() => (s: Settings) => s[key], [key]);
|
|
const setting = useAtomValue(selectAtom(settingsAtom, selector));
|
|
|
|
const setter = useSetSetting(settingsAtom, key);
|
|
return [setting, setter];
|
|
};
|