feat(web): add user schemas

bruno/environments/local.bru

@@ -1,4 +1,4 @@
 vars {
-  base_url: http://localhost
+  base_url: http://127.0.0.1
   port: 8000
 }

bruno/login.bru

@@ -12,8 +12,8 @@ post {
 
 body:json {
   {
-    "username": "username16",
-    "password": "pass16"
+    "username": "username17",
+    "password": "pass17"
   }
 }
 

bruno/signup.bru

@@ -12,9 +12,8 @@ post {
 
 body:json {
   {
-    "fullName": "asdsa",
-    "username": "username16",
-    "email": "[email protected]",
-    "password": "pass16"
+    "username": "username200",
+    "email": "[email protected]",
+    "password": "pass200"
   }
 }

web/src/routes/Login.data.tsx

@@ -6,7 +6,7 @@ export const loginAction = async ({ request }: { request: Request }) => {
 	const formData = await request.formData();
 	const response = await fetch(`${BACKEND_URL}/user/login`, {
 		method: "POST",
-		// mode: "no-cors",
+		mode: "no-cors",
 		headers: {
 			"Content-Type": "application/json",
 		},

web/src/routes/Login.tsx

@@ -1,22 +1,14 @@
-import {
-	TextInput,
-	Container,
-	Button,
-	useMantineTheme,
-	Checkbox,
-} from "@mantine/core";
-import { Link, Form, useSubmit, useFormAction } from "react-router-dom";
+import { TextInput, Container, Checkbox } from "@mantine/core";
+import { Link, Form } from "react-router-dom";
 import { href } from "../router";
 import { button, buttonInnerRing } from "../components/Button";
-import { makeLoader, typesafeBrowserRouter } from "react-router-typesafe";
+import { useActionData } from "react-router-typesafe";
 import { useState } from "react";
-import { useLoaderData, redirect, useActionData } from "react-router-typesafe";
 import { Checkmark } from "../components/Checkmark";
-import type { loginAction, loginLoader } from "./Login.data";
+import type { loginAction } from "./Login.data";
 
 export const Login = () => {
 	const c = useActionData<typeof loginAction>();
-	console.log(c);
 	console.log(c?.error);
 	const [isKeepMeLoggedIn, setIsKeepMeLoggedIn] = useState(true);
 	return (

web/src/routes/Register.data.tsx

@@ -6,7 +6,7 @@ export const registerAction = async ({ request }: { request: Request }) => {
 	const formData = await request.formData();
 	const response = await fetch(`${BACKEND_URL}/user/signup`, {
 		method: "POST",
-		// mode: "no-cors",
+		mode: "no-cors",
 		headers: {
 			"Content-Type": "application/json",
 		},

web/src/schema/user.ts

@@ -0,0 +1,23 @@
+export type User = {
+	id: number;
+	username: string;
+	email: string;
+	password: string;
+	date_joined: string;
+	last_login: string | null;
+};
+export type UserCreate = {
+	username: string;
+	email: string;
+	password: string;
+};
+
+export type UserLogin = {
+	username: string;
+	password: string;
+};
+
+export type UserResponse = {
+	token: string;
+	user: User;
+};