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";