From 834276f65134d0b4ba951a5cc96da643dd8c6290 Mon Sep 17 00:00:00 2001
From: Humenius <contact@humenius.me>
Date: Tue, 12 Jan 2021 15:58:14 +0100
Subject: [PATCH] feature(database-connection): Overlay error container on top
 of UserList

---
 frontend/src/pages/MainPage/MainPage.scss | 5 +++++
 frontend/src/pages/MainPage/MainPage.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/MainPage/MainPage.scss b/frontend/src/pages/MainPage/MainPage.scss
index e75bba7..23c9f8f 100644
--- a/frontend/src/pages/MainPage/MainPage.scss
+++ b/frontend/src/pages/MainPage/MainPage.scss
@@ -6,4 +6,9 @@
   .blurred {
     @include blurred();
   }
+  .ErrorContainer {
+    margin: 0;
+    z-index: 2;
+    position: absolute;
+  }
 }
diff --git a/frontend/src/pages/MainPage/MainPage.tsx b/frontend/src/pages/MainPage/MainPage.tsx
index 4b4d5a2..cc74782 100644
--- a/frontend/src/pages/MainPage/MainPage.tsx
+++ b/frontend/src/pages/MainPage/MainPage.tsx
@@ -38,7 +38,7 @@ const MainPage: FC<IMainPageProps> = (props: IMainPageProps) => {
         <div className="MainPage">
             <Header />
             {
-                error && <ErrorContainer message={error.message} />
+                error && <ErrorContainer message={error.response} />
             }
             <ClipLoader color={spinnerColor} loading={loading} size={150} css={spinnerCss} />
             <div className={loading ? "blurred" : ""}>