diff options
| author | Sebastian <sebasjm@gmail.com> | 2023-08-07 06:51:10 -0300 |
|---|---|---|
| committer | Sebastian <sebasjm@gmail.com> | 2023-08-07 08:14:44 -0300 |
| commit | 7d1621767cec57e9e7217f620844655279ab1af5 (patch) | |
| tree | f171293fc160dd9447e7f7f8a6bfb6917ac98e19 /packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx | |
| parent | 8eb0183c784865225569da1fa1f91a8038693405 (diff) | |
ui settings view
Diffstat (limited to 'packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx')
| -rw-r--r-- | packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx b/packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx index 7731dac88..277c2b176 100644 --- a/packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx +++ b/packages/merchant-backoffice-ui/src/ApplicationReadyRoutes.tsx @@ -33,6 +33,7 @@ import { InstanceRoutes } from "./InstanceRoutes.js"; import LoginPage from "./paths/login/index.js"; import { INSTANCE_ID_LOOKUP } from "./utils/constants.js"; import { HttpStatusCode } from "@gnu-taler/taler-util"; +import { Settings } from "./paths/settings/index.js"; export function ApplicationReadyRoutes(): VNode { const { i18n } = useTranslationContext(); @@ -48,8 +49,15 @@ export function ApplicationReadyRoutes(): VNode { clearAllTokens(); route("/"); }; + const [showSettings, setShowSettings] = useState(false) - if (result.loading) return <NotYetReadyAppMenu title="Loading..." />; + if (showSettings) { + return <Fragment> + <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="UI Settings" onLogout={clearTokenAndGoToRoot} /> + <Settings/> + </Fragment> + } + if (result.loading) return <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Loading..." />; let admin = true; let instanceNameByBackendURL; @@ -61,7 +69,7 @@ export function ApplicationReadyRoutes(): VNode { ) { return ( <Fragment> - <NotYetReadyAppMenu title="Login" onLogout={clearTokenAndGoToRoot} /> + <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Login" onLogout={clearTokenAndGoToRoot} /> <NotificationCard notification={{ message: i18n.str`Access denied`, @@ -81,7 +89,7 @@ export function ApplicationReadyRoutes(): VNode { // does not match our pattern return ( <Fragment> - <NotYetReadyAppMenu title="Error" onLogout={clearTokenAndGoToRoot} /> + <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Error" onLogout={clearTokenAndGoToRoot} /> <NotificationCard notification={{ message: i18n.str`Couldn't access the server.`, |