From 46b9df3279f51479cfc607cbce8fb8b73bef69f7 Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernstwi@kth.se>
Date: Wed, 6 Oct 2021 16:11:06 +0200
Subject: Initial commit

---
 src/components/Error.js | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/Error.js

(limited to 'src/components/Error.js')

diff --git a/src/components/Error.js b/src/components/Error.js
new file mode 100644
index 0000000..56cc09c
--- /dev/null
+++ b/src/components/Error.js
@@ -0,0 +1,33 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Button, Message } from "semantic-ui-react";
+
+class Error extends React.Component {
+    static propTypes = {
+        clearError: PropTypes.func.isRequired,
+        clearToken: PropTypes.func.isRequired,
+        error: PropTypes.string.isRequired
+    };
+
+    render() {
+        return (
+            <div id="error-container">
+                <Message negative>
+                    <Message.Header>Internal server error</Message.Header>
+                    <p>{this.props.error}</p>
+                    <Button
+                        color="red"
+                        onClick={() => {
+                            this.props.clearToken();
+                            this.props.clearError();
+                        }}
+                    >
+                        Sign out
+                    </Button>
+                </Message>
+            </div>
+        );
+    }
+}
+
+export default Error;
-- 
cgit v1.1