Merge pull request #199 from Pythagora-io/feature/ENG-918-blank-page-template

Add blank page to vite templates

core/templates/tree/vite_react/client/src/App.tsx

@@ -8,6 +8,7 @@ import { Register } from "./pages/Register"
 import { ProtectedRoute } from "./components/ProtectedRoute"
 {% endif %}
 import { Layout } from "./components/Layout"
+import { BlankPage } from "./pages/BlankPage"
 
 function App() {
   return (
@@ -22,7 +23,7 @@ function App() {
               {% else %}
               <Route path="/" element={<Layout />} />
               {% endif %}
-
+              <Route path="*" element={<BlankPage />} />
             </Routes>
           </Router>
           <Toaster />

core/templates/tree/vite_react/client/src/pages/BlankPage.tsx

@@ -0,0 +1,41 @@
+
+import { Construction, ArrowLeft } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { useNavigate, useLocation } from "react-router-dom"
+
+export function BlankPage() {
+  const navigate = useNavigate()
+  const location = useLocation()
+
+  return (
+    <div className="min-h-[calc(100vh-8rem)] flex items-center justify-center p-4">
+      <Card className="w-full max-w-md text-center">
+        <CardHeader>
+          <div className="mx-auto mb-4 flex h-20 w-20 items-center justify-center rounded-full bg-muted">
+            <Construction className="h-10 w-10 text-muted-foreground" />
+          </div>
+          <CardTitle className="text-2xl">Page Under Construction</CardTitle>
+          <CardDescription>
+            This page is not yet implemented.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="space-y-4">
+            <p className="text-sm text-muted-foreground">
+              Please tell Pythagora to implement the {location.pathname} page
+            </p>
+            <Button 
+              onClick={() => navigate("/")} 
+              className="w-full"
+              variant="default"
+            >
+              <ArrowLeft className="mr-2 h-4 w-4" />
+              Go Back Home
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

core/templates/tree/vite_react_swagger/client/src/App.tsx

@@ -8,6 +8,7 @@ import { Register } from "./pages/Register"
 import { ProtectedRoute } from "./components/ProtectedRoute"
 {% endif %}
 import { Layout } from "./components/Layout"
+import { BlankPage } from "./pages/BlankPage"
 
 function App() {
   return (
@@ -22,7 +23,7 @@ function App() {
               {% else %}
               <Route path="/" element={<Layout />} />
               {% endif %}
-
+              <Route path="*" element={<BlankPage />} />
             </Routes>
           </Router>
           <Toaster />

core/templates/tree/vite_react_swagger/client/src/pages/BlankPage.tsx

@@ -0,0 +1,41 @@
+
+import { Construction, ArrowLeft } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { useNavigate, useLocation } from "react-router-dom"
+
+export function BlankPage() {
+  const navigate = useNavigate()
+  const location = useLocation()
+
+  return (
+    <div className="min-h-[calc(100vh-8rem)] flex items-center justify-center p-4">
+      <Card className="w-full max-w-md text-center">
+        <CardHeader>
+          <div className="mx-auto mb-4 flex h-20 w-20 items-center justify-center rounded-full bg-muted">
+            <Construction className="h-10 w-10 text-muted-foreground" />
+          </div>
+          <CardTitle className="text-2xl">Page Under Construction</CardTitle>
+          <CardDescription>
+            This page is not yet implemented.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="space-y-4">
+            <p className="text-sm text-muted-foreground">
+              Please tell Pythagora to implement the {location.pathname} page
+            </p>
+            <Button
+              onClick={() => navigate("/")}
+              className="w-full"
+              variant="default"
+            >
+              <ArrowLeft className="mr-2 h-4 w-4" />
+              Go Back Home
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}