removed under construction warning

packages/frontend/src/components/login-form.tsx

@@ -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 = [
+export default function LogInForm() {
-  { 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;
-}) {
   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>
-    </>
   );
 }