error page migrated

VAuthenticator · Sep 2, 2023 · 66b5cd9 · 66b5cd9
1 parent b02522f
commit 66b5cd9
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 29 deletions.
diff --git a/src/main/frontend/app/errors/400ErrorPage.js b/src/main/frontend/app/errors/400ErrorPage.js
diff --git a/src/main/frontend/app/errors/404ErrorPage.js b/src/main/frontend/app/errors/404ErrorPage.js
diff --git a/src/main/frontend/app/errors/500ErrorPage.js b/src/main/frontend/app/errors/500ErrorPage.js
diff --git a/src/main/frontend/app/errors/DefaultGenericErrorPage.tsx b/src/main/frontend/app/errors/DefaultGenericErrorPage.tsx
@@ -1,4 +1,6 @@
 import React from "react";
+import ReactDOM from "react-dom";
+
 
 import {ThemeProvider, Typography} from "@mui/material";
 import theme from "../component/styles";
@@ -8,12 +10,13 @@ import {SentimentVeryDissatisfied} from "@mui/icons-material";
 interface DefaultGenericErrorPageProps {
     messages: string
 }
+
 interface ErrorMessage {
     defaultMessage: string
 }
 
 const DefaultGenericErrorPage: React.FC<DefaultGenericErrorPageProps> = ({messages}) => {
-    let errors : ErrorMessage  = JSON.parse(messages)
+    let errors: ErrorMessage = JSON.parse(messages)
     return <ThemeProvider theme={theme}>
         <Template maxWidth="sm">
             <Typography variant="h3" component="h3">
@@ -25,4 +28,13 @@ const DefaultGenericErrorPage: React.FC<DefaultGenericErrorPageProps> = ({messag
 
 }
 
-export default DefaultGenericErrorPage
+if (document.getElementById('app')) {
+    let errors: string = "{}"
+    let htmlElement = document.getElementById('errors');
+
+    if (htmlElement) {
+        errors = htmlElement.innerHTML || "{}"
+    }
+
+    ReactDOM.render(<DefaultGenericErrorPage messages={errors}/>, document.getElementById('app'));
+}
diff --git a/src/main/frontend/webpack.config.js b/src/main/frontend/webpack.config.js
@@ -5,9 +5,9 @@ const BUID_DIR = path.resolve(__dirname + "/dist");
 module.exports = {
     entry: {
         "default_error": path.resolve(__dirname, './app/errors/DefaultGenericErrorPage.tsx'),
-        "404_error": path.resolve(__dirname, './app/errors/400ErrorPage.js'),
-        "400_error": path.resolve(__dirname, './app/errors/404ErrorPage.js'),
-        "500_error": path.resolve(__dirname, './app/errors/500ErrorPage.js'),
+        "404_error": path.resolve(__dirname, './app/errors/DefaultGenericErrorPage.tsx'),
+        "400_error": path.resolve(__dirname, './app/errors/DefaultGenericErrorPage.tsx'),
+        "500_error": path.resolve(__dirname, './app/errors/DefaultGenericErrorPage.tsx'),
         login: path.resolve(__dirname, './app/login/LoginPage.js'),
         mfa: path.resolve(__dirname, './app/mfa/index.js'),
         signup: path.resolve(__dirname, './app/signup/SignUpPage.js'),