/*
This file is part of GNU Taler
(C) 2021 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
*/
import { ComponentChildren, Fragment, h, VNode } from 'preact';
import Match from 'preact-router/match';
import { useEffect, useState } from 'preact/hooks';
import { NavigationBar } from './NavigationBar';
import { Sidebar } from './SideBar';
interface MenuProps {
title: string;
}
function WithTitle({
title,
children,
}: {
title: string;
children: ComponentChildren;
}): VNode {
useEffect(() => {
document.title = `${title}`;
}, [title]);
return {children};
}
export function Menu({ title }: MenuProps): VNode {
const [mobileOpen, setMobileOpen] = useState(false);
return (
{({ path }: { path: string }) => {
const titleWithSubtitle = title; // title ? title : (!admin ? getInstanceTitle(path, instance) : getAdminTitle(path, instance))
return (
setMobileOpen(false)}
>
setMobileOpen(!mobileOpen)}
title={titleWithSubtitle}
/>
);
}}
);
}
interface NotYetReadyAppMenuProps {
title: string;
onLogout?: () => void;
}
interface NotifProps {
notification?: Notification;
}
export function NotificationCard({
notification: n,
}: NotifProps): VNode | null {
if (!n) return null;
return (
{n.description && {n.description}
}
);
}
export function NotYetReadyAppMenu({
onLogout,
title,
}: NotYetReadyAppMenuProps): VNode {
const [mobileOpen, setMobileOpen] = useState(false);
useEffect(() => {
document.title = `Taler Backoffice: ${title}`;
}, [title]);
return (
setMobileOpen(false)}
>
setMobileOpen(!mobileOpen)}
title={title}
/>
{onLogout && }
);
}
export interface Notification {
message: string;
description?: string | VNode;
type: MessageType;
}
export type ValueOrFunction = T | ((p: T) => T);
export type MessageType = 'INFO' | 'WARN' | 'ERROR' | 'SUCCESS';