cowch/lstV2
1
0
Fork 0
Code Issues 37 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix(loginform): removed the console log that was left by accident

Browse Source
This commit is contained in:
cowchmonkey@gmail.com
2025-03-23 10:58:49 -05:00
parent 97b9c4db4a
commit 2ae3c8ba59
1 changed files with 148 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/components/auth/LoginForm.tsx
View File

@@ -1,15 +1,15 @@
import {useSessionStore} from "../../lib/store/sessionStore";
import {LstCard} from "../extendedUI/LstCard";
import {CardHeader} from "../ui/card";
import {toast} from "sonner";
import {z} from "zod";
import {useRouter} from "@tanstack/react-router";
import {Controller, useForm} from "react-hook-form";
import {zodResolver} from "@hookform/resolvers/zod";
import {Label} from "../ui/label";
import {Input} from "../ui/input";
import {Checkbox} from "../ui/checkbox";
import {Button} from "../ui/button";
import { useSessionStore } from "../../lib/store/sessionStore";
import { LstCard } from "../extendedUI/LstCard";
import { CardHeader } from "../ui/card";
import { toast } from "sonner";
import { z } from "zod";
import { useRouter } from "@tanstack/react-router";
import { Controller, useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { Label } from "../ui/label";
import { Input } from "../ui/input";
import { Checkbox } from "../ui/checkbox";
import { Button } from "../ui/button";
const FormSchema = z.object({
username: z.string().min(1, "You must enter a valid username"),
@@ -18,7 +18,7 @@ const FormSchema = z.object({
});
const LoginForm = () => {
const {setSession} = useSessionStore();
const { setSession } = useSessionStore();
const rememeberMe = localStorage.getItem("rememberMe") === "true";
const username = localStorage.getItem("username") || "";
const router = useRouter();
@@ -26,7 +26,7 @@ const LoginForm = () => {
register,
handleSubmit,
control,
formState: {errors},
formState: { errors },
} = useForm<z.infer<typeof FormSchema>>({
resolver: zodResolver(FormSchema),
defaultValues: {
@@ -54,7 +54,10 @@ const LoginForm = () => {
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({username: value.username, password: value.password}),
body: JSON.stringify({
username: value.username,
password: value.password,
}),
});
const data = await response.json();
@@ -63,18 +66,18 @@ const LoginForm = () => {
// localStorage.setItem("auth_token", data.data.token);
if (data.success) {
const prod = btoa(`${value.username.toLowerCase()}:${value.password}`);
const prodUser = {...data.user, prod: prod};
const prodUser = { ...data.user, prod: prod };
setSession(prodUser, data.token);
toast.success(`You are logged in as ${data.user.username}`);
router.navigate({to: "/"});
router.navigate({ to: "/" });
}
if (!data.success) {
toast.error(`${data.message}`);
}
console.log(data);
//console.log(data);
} catch (err) {
toast.error("Invalid credentials");
}
@@ -100,7 +103,11 @@ const LoginForm = () => {
className={errors.username ? "border-red-500" : ""}
aria-invalid={!!errors.username}
/>
{errors.username && <p className="text-red-500 text-sm mt-1">{errors.username.message}</p>}
{errors.username && (
<p className="text-red-500 text-sm mt-1">
{errors.username.message}
</p>
)}
</div>
<div>
<>
@@ -113,13 +120,17 @@ const LoginForm = () => {
className={errors.password ? "border-red-500" : ""}
aria-invalid={!!errors.password}
/>
{errors.password && <p className="text-red-500 text-sm mt-1">{errors.password.message}</p>}
{errors.password && (
<p className="text-red-500 text-sm mt-1">
{errors.password.message}
</p>
)}
</>
</div>
<div className="flex justify-between pt-2">
<div className="flex">
<Controller
render={({field}) => (
render={({ field }) => (
<>
<Checkbox
id="remember"