Switch semantic-ui to material-ui

TODO: Login component

1 files changed, 9 insertions, 5 deletions

diff --git a/src/components/Error.js b/src/components/Error.js
index 56cc09c..4d026bc 100644
--- a/src/components/Error.js
+++ b/src/components/Error.js
@@ -1,6 +1,9 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { Button, Message } from "semantic-ui-react";
+
+import Alert from "@mui/material/Alert";
+import AlertTitle from "@mui/material/AlertTitle";
+import Button from "@mui/material/Button";
 
 class Error extends React.Component {
     static propTypes = {
@@ -12,11 +15,12 @@ class Error extends React.Component {
     render() {
         return (
             <div id="error-container">
-                <Message negative>
-                    <Message.Header>Internal server error</Message.Header>
+                <Alert severity="error">
+                    <AlertTitle>Internal server error</AlertTitle>
                     <p>{this.props.error}</p>
                     <Button
-                        color="red"
+                        variant="contained"
+                        color="error"
                         onClick={() => {
                             this.props.clearToken();
                             this.props.clearError();
@@ -24,7 +28,7 @@ class Error extends React.Component {
                     >
                         Sign out
                     </Button>
-                </Message>
+                </Alert>
             </div>
         );
     }