diff --git a/src/components/Dashboard.tsx b/src/components/Dashboard.tsx
index 30825e1..22ccea8 100644
--- a/src/components/Dashboard.tsx
+++ b/src/components/Dashboard.tsx
@@ -30,7 +30,7 @@ export default function Dashboard() {
setLoadingEnv(true);
dashboardApi
- .getFake(envTab.dashboardEndpoint)
+ .get(envTab.dashboardEndpoint)
.then((response) => {
return response.data.content;
})
diff --git a/src/components/LoadingError.tsx b/src/components/LoadingError.tsx
index 7afb958..6f3b669 100644
--- a/src/components/LoadingError.tsx
+++ b/src/components/LoadingError.tsx
@@ -2,6 +2,7 @@ import React from "react";
import { DashboardLoadError } from "../types";
import Alert from "@mui/material/Alert";
import AlertTitle from "@mui/material/AlertTitle";
+import Paper from "@mui/material/Paper";
interface LoadingErrorProps {
error: DashboardLoadError;
@@ -9,9 +10,11 @@ interface LoadingErrorProps {
export default function LoadingError({ error }: LoadingErrorProps) {
return (
-
- {error.message}
- URL: {error.url}
-
+
+
+ {error.message}
+ URL: {error.url}
+
+
);
}
diff --git a/src/scss/_loading-error-alert.scss b/src/scss/_loading-error-alert.scss
new file mode 100644
index 0000000..cbcfc90
--- /dev/null
+++ b/src/scss/_loading-error-alert.scss
@@ -0,0 +1,10 @@
+.loading-error-container {
+ margin: 2rem auto;
+ max-width: 600px;
+ .loading-error-alert-title {
+ font-weight: bold;
+ }
+ p {
+ margin-bottom: 0;
+ }
+}
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index bccf64e..015e1ad 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -2,6 +2,7 @@
@import "common";
@import "app-header";
@import "linear-progress";
+@import "loading-error-alert";
@import "env-tabs-switcher";
@import "environment-list";
@import "tenant-list";