Port Login UI

src/pages/login/forms/FormLogin.tsx

@@ -0,0 +1,29 @@
+import { Form } from "./Form";
+import { useContext } from "preact/hooks";
+import { useHistory } from "react-router-dom";
+import { deviceDetect } from "react-device-detect";
+import { AppContext } from "../../../context/revoltjs/RevoltClient";
+
+export function FormLogin() {
+    const { operations } = useContext(AppContext);
+    const history = useHistory();
+
+    return (
+        <Form
+            page="login"
+            callback={async data => {
+                const browser = deviceDetect();
+                let device_name;
+                if (browser) {
+                    const { name, os } = browser;
+                    device_name = `${name} on ${os}`;
+                } else {
+                    device_name = "Unknown Device";
+                }
+
+                await operations.login({ ...data, device_name });
+                history.push("/");
+            }}
+        />
+    );
+}