Handle generated files

vaadin · Apr 16, 2024 · f0ad36b · f0ad36b
1 parent 963d7b4
commit f0ad36b
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 29 deletions.
diff --git a/src/main/frontend/index.html b/src/main/frontend/index.html
@@ -1,22 +1,23 @@
 <!DOCTYPE html>
-<html lang="en">
+<!--
+This file is auto-generated by Vaadin.
+-->
+
+<html>
 <head>
-  <meta charset="UTF-8"/>
-  <meta name="viewport" content="width=device-width, initial-scale=1"/>
-  <title>###Project Name###</title>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <style>
-    body {
+    body, #outlet {
       height: 100vh;
+      width: 100%;
       margin: 0;
     }
-
-    #outlet {
-      height: 100%;
-    }
   </style>
   <!-- index.ts is included here automatically (either by the dev server or during the build) -->
 </head>
 <body>
+  <!-- This outlet div is where the views are rendered -->
   <div id="outlet"></div>
 </body>
 </html>
diff --git a/src/main/frontend/index.tsx b/src/main/frontend/index.tsx
@@ -1,15 +1,17 @@
+/******************************************************************************
+ * Copied from generated file to wrap in AuthProvider
+ ******************************************************************************/
+
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
 import { RouterProvider } from 'react-router-dom';
-import { AuthProvider} from "./auth";
-import { router } from 'Frontend/routes.js';
+import { router } from 'Frontend/generated/routes.js';
+import { AuthProvider } from './auth';
 
 function App() {
-    return (
-        <AuthProvider>
-            <RouterProvider router={router} />
-        </AuthProvider>
-    );
+    return <AuthProvider>
+        <RouterProvider router={router} />
+    </AuthProvider>;
 }
 
 createRoot(document.getElementById('outlet')!).render(createElement(App));
diff --git a/src/main/frontend/routes.tsx b/src/main/frontend/routes.tsx