Demo email validation

Author: joeldevelops

packages/app/src/main.tsx

@@ -8,7 +8,7 @@ import "@xyflow/react/dist/style.css";
 import "@radix-ui/themes/styles.css";
 import "./index.css";
 import SplitConfigure from "./pages/splitConfigure";
-import { createBrowserRouter, RouterProvider } from "react-router";
+import { createBrowserRouter, RouterProvider, Navigate } from "react-router";
 import { ToastContainer } from "react-toastify";
 import { ThemeContext, ThemeProvider } from "./contexts/ThemeContext";
 import { StoreProvider } from "./contexts/StoreContext";
@@ -35,10 +35,10 @@ const router = createBrowserRouter([
     path: "/",
     element: <AccessDemoPage />,
   },
-  // {
-  //   path: "/login",
-  //   element: <LoginPage />,
-  // },
+  {
+    path: "/login",
+    element: <Navigate to="/" />,
+  },
   {
     path: "/splitConfigure",
     element: <SplitConfigure />,

packages/app/src/pages/accessDemo/AccessDemo.tsx

@@ -70,6 +70,7 @@ export default function AccessDemo() {
                   <TextField.Root 
                     required
                     id="name" 
+                    type="text"
                     size="3" 
                     placeholder="Name"
                     value={name}
@@ -79,6 +80,7 @@ export default function AccessDemo() {
                   <TextField.Root 
                     required
                     id="email" 
+                    type="email"
                     size="3" 
                     placeholder="Email"
                     value={email}