diff options
Diffstat (limited to 'packages/demobank-ui/src/components/Notifications.tsx')
-rw-r--r-- | packages/demobank-ui/src/components/Notifications.tsx | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/packages/demobank-ui/src/components/Notifications.tsx b/packages/demobank-ui/src/components/Notifications.tsx deleted file mode 100644 index 6dd3a2d50..000000000 --- a/packages/demobank-ui/src/components/Notifications.tsx +++ /dev/null @@ -1,74 +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/> - */ - -/** - * - * @author Sebastian Javier Marchano (sebasjm) - */ - -import { h, VNode } from "preact"; - -export interface Notification { - message: string; - description?: string | VNode; - type: MessageType; -} - -export type MessageType = "INFO" | "WARN" | "ERROR" | "SUCCESS"; - -interface Props { - notifications: Notification[]; - removeNotification?: (n: Notification) => void; -} - -function messageStyle(type: MessageType): string { - switch (type) { - case "INFO": - return "message is-info"; - case "WARN": - return "message is-warning"; - case "ERROR": - return "message is-danger"; - case "SUCCESS": - return "message is-success"; - default: - return "message"; - } -} - -export function Notifications({ - notifications, - removeNotification, -}: Props): VNode { - return ( - <div class="block"> - {notifications.map((n, i) => ( - <article key={i} class={messageStyle(n.type)}> - <div class="message-header"> - <p>{n.message}</p> - {removeNotification && ( - <button - class="delete" - onClick={() => removeNotification && removeNotification(n)} - /> - )} - </div> - {n.description && <div class="message-body">{n.description}</div>} - </article> - ))} - </div> - ); -} |