From 9995c9488399aafbf1e0f000ebb7aadfa0dabcd7 Mon Sep 17 00:00:00 2001 From: hexxa Date: Fri, 18 Mar 2022 19:27:20 +0800 Subject: [PATCH] feat(fe/visual): add 'notFound' banner --- .../web/src/components/visual/notfound.tsx | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/client/web/src/components/visual/notfound.tsx diff --git a/src/client/web/src/components/visual/notfound.tsx b/src/client/web/src/components/visual/notfound.tsx new file mode 100644 index 0000000..3ed8663 --- /dev/null +++ b/src/client/web/src/components/visual/notfound.tsx @@ -0,0 +1,28 @@ +import * as React from "react"; +import { List } from "immutable"; + +import { RiQuestionnaireFill } from "@react-icons/all-files/ri/RiQuestionnaireFill"; + +import { Flexbox } from "../layout/flexbox"; + +export interface Props { + title: string; +} + +export const NotFoundBanner = (props: Props) => { + return ( + , + +

{props.title}

+
, + ])} + childrenStyles={List([ + { flex: "auto", justifyContent: "flex-end" }, + { flex: "auto" }, + ])} + className="margin-t-l margin-b-l" + /> + ); +};