forked from abner/for-legacy-web
30 lines
897 B
TypeScript
30 lines
897 B
TypeScript
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("/");
|
|
}}
|
|
/>
|
|
);
|
|
}
|