ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-07 18:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed under construction warning

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-29 11:55:25 +00:00
parent 3b23cd7c16
commit bcdf71198b
1 changed files with 111 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
packages/frontend/src/components/login-form.tsx
View File

@@ -2,33 +2,16 @@
import { USER_EMAIL_MAX_LENGTH, USER_NAME_MAX_LENGTH, USER_USERNAME_MAX_LENGTH } from "@sprint/shared";
import { useEffect, useState } from "react";
import Avatar from "@/components/avatar";
import { useSession } from "@/components/session-provider";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Field } from "@/components/ui/field";
import Icon from "@/components/ui/icon";
import { IconButton } from "@/components/ui/icon-button";
import { Label } from "@/components/ui/label";
import { UploadAvatar } from "@/components/upload-avatar";
import { capitalise, cn, getServerURL, setCsrfToken } from "@/lib/utils";
const DEMO_USERS = [
{ name: "User 1", username: "u1", password: "a" },
{ name: "User 2", username: "u2", password: "a" },
];
export default function LogInForm({
showWarning,
setShowWarning,
}: {
showWarning: boolean;
setShowWarning: (value: boolean) => void;
}) {
export default function LogInForm() {
const { setUser, setEmailVerified } = useSession();
const [loginDetailsOpen, setLoginDetailsOpen] = useState(false);
const [mode, setMode] = useState<"login" | "register">("login");
const [name, setName] = useState("");
@@ -141,70 +124,6 @@ export default function LogInForm({
};
return (
<>
{/* under construction warning */}
{showWarning && (
<div className="relative flex flex-col items-center gap-2 max-w-lg">
<IconButton
size="md"
className="absolute top-2 right-2"
onClick={() => {
localStorage.setItem("hide-under-construction", "true");
setShowWarning(false);
}}
>
<Icon icon="x" />
</IconButton>
<Icon icon="alertTriangle" className="w-16 h-16 text-yellow-500" />
<div className="text-center text-sm text-muted-foreground font-500">
<p>
This application is currently under construction. Your data is very likely to be lost at some
point.
</p>
<p className="font-700 underline underline-offset-3 text-foreground/85 decoration-yellow-500 mt-2">
It is not recommended for production use.
</p>
<p className="mt-2">But you're more than welcome to have a look around!</p>
<Dialog open={loginDetailsOpen} onOpenChange={setLoginDetailsOpen}>
<DialogTrigger className="text-primary hover:text-personality cursor-pointer mt-2">
Login Details
</DialogTrigger>
<DialogContent showCloseButton={false}>
<DialogTitle className="sr-only">Demo Login Credentials</DialogTitle>
<div className="grid grid-cols-2 gap-4">
{DEMO_USERS.map((user) => (
<button
type="button"
key={user.username}
className="space-y-2 border border-background hover:border-border hover:bg-border/10 cursor-pointer p-2 text-left"
onClick={() => {
setMode("login");
setUsername(user.username);
setPassword(user.password);
setLoginDetailsOpen(false);
resetForm();
}}
>
<div className="flex items-center gap-2">
<Avatar name={user.name} username={user.username} />
<span className="font-semibold">{user.name}</span>
</div>
<div className="text-sm text-muted-foreground space-y-1">
<p>
<span className="font-medium text-foreground">Username:</span> {user.username}
</p>
<p>
<span className="font-medium text-foreground">Password:</span> {user.password}
</p>
</div>
</button>
))}
</div>
</DialogContent>
</Dialog>
</div>
</div>
)}
<div>
<form onSubmit={handleSubmit}>
<div
@@ -324,6 +243,5 @@ export default function LogInForm({
)}
</div>
</div>
</>
);
}