components: ErrorPage

Author: qti3e

src/components/error.tsx

@@ -0,0 +1,32 @@
+/*!
+   Copyright 2018 Propel http://propel.site/.  All rights reserved.
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+
+import { h } from "preact";
+
+export interface ErrorPageProps {
+  header?: string;
+  message: string;
+}
+
+export function ErrorPage(props: ErrorPageProps) {
+  return (
+    <div class="notification-screen">
+      <div class="notebook-container">
+        <p class="error-header">{ props.header || "Error" }</p>
+        <p>{ props.message }</p>
+      </div>
+    </div>
+  );
+}