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?