diff --git a/ui100/src/App.tsx b/ui100/src/App.tsx
index f222399d..593849f8 100644
--- a/ui100/src/App.tsx
+++ b/ui100/src/App.tsx
@@ -4,6 +4,7 @@ import Login from "./Login.tsx";
import {useEffect} from "react";
import {User} from "./model/user.ts";
import useApiConsoleStore from "./model/store.ts";
+import ForgotPassword from "./ForgotPassword.tsx";
const App = () => {
const user = useApiConsoleStore((state) => state.user);
@@ -42,6 +43,7 @@ const App = () => {
+ }/>
);
diff --git a/ui100/src/ForgotPassword.tsx b/ui100/src/ForgotPassword.tsx
new file mode 100644
index 00000000..ab38f79d
--- /dev/null
+++ b/ui100/src/ForgotPassword.tsx
@@ -0,0 +1,37 @@
+import {Box, Button, Container, TextField, Typography} from "@mui/material";
+import {useState} from "react";
+import zroket from "./assets/zrok-1.0.0-rocket-purple.svg";
+
+const ForgotPassword = () => {
+ const [email, setEmail] = useState("");
+
+ return (
+
+
+
+
+ z r o k
+
+ { setEmail(v.target.value) }}
+ />
+
+
+
+
+
+ );
+}
+
+export default ForgotPassword;
\ No newline at end of file
diff --git a/ui100/src/Login.tsx b/ui100/src/Login.tsx
index 2617d571..e6812080 100644
--- a/ui100/src/Login.tsx
+++ b/ui100/src/Login.tsx
@@ -84,7 +84,7 @@ const Login = ({ onLogin }: LoginProps) => {
{message}
- Forgot Password?
+ Forgot Password?