From 66668d85d603c5841d755a6023aa1925559fc6d4 Mon Sep 17 00:00:00 2001
From: 苏向夜 <fu050409@163.com>
Date: Wed, 25 Feb 2026 01:32:51 +0800
Subject: chore(workspace): replace legacy codes

---
 packages/ui-new/src/components/login-modal.tsx | 188 -------------------------
 1 file changed, 188 deletions(-)
 delete mode 100644 packages/ui-new/src/components/login-modal.tsx

(limited to 'packages/ui-new/src/components/login-modal.tsx')

diff --git a/packages/ui-new/src/components/login-modal.tsx b/packages/ui-new/src/components/login-modal.tsx
deleted file mode 100644
index 49596da..0000000
--- a/packages/ui-new/src/components/login-modal.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import { Mail, User } from "lucide-react";
-import { useCallback, useState } from "react";
-import { toast } from "sonner";
-import { useAuthStore } from "@/models/auth";
-import { Button } from "./ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "./ui/dialog";
-import {
-  Field,
-  FieldDescription,
-  FieldError,
-  FieldGroup,
-  FieldLabel,
-} from "./ui/field";
-import { Input } from "./ui/input";
-
-export interface LoginModalProps
-  extends Omit<React.ComponentPropsWithoutRef<typeof Dialog>, "onOpenChange"> {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-}
-
-export function LoginModal({ onOpenChange, ...props }: LoginModalProps) {
-  const authStore = useAuthStore();
-
-  const [offlineUsername, setOfflineUsername] = useState<string>("");
-  const [errorMessage, setErrorMessage] = useState<string>("");
-  const [isLoggingIn, setIsLoggingIn] = useState<boolean>(false);
-
-  const handleMicrosoftLogin = useCallback(async () => {
-    setIsLoggingIn(true);
-    authStore.setLoginMode("microsoft");
-    try {
-      await authStore.loginOnline(() => onOpenChange?.(false));
-    } catch (error) {
-      const err = error as Error;
-      console.error("Failed to login with Microsoft:", err);
-      setErrorMessage(err.message);
-    } finally {
-      setIsLoggingIn(false);
-    }
-  }, [authStore.loginOnline, authStore.setLoginMode, onOpenChange]);
-
-  const handleOfflineLogin = useCallback(async () => {
-    setIsLoggingIn(true);
-    try {
-      await authStore.loginOffline(offlineUsername);
-      toast.success("Logged in offline successfully");
-      onOpenChange?.(false);
-    } catch (error) {
-      const err = error as Error;
-      console.error("Failed to login offline:", err);
-      setErrorMessage(err.message);
-    } finally {
-      setIsLoggingIn(false);
-    }
-  }, [authStore, offlineUsername, onOpenChange]);
-
-  return (
-    <Dialog onOpenChange={onOpenChange} {...props}>
-      <DialogContent className="md:max-w-md">
-        <DialogHeader>
-          <DialogTitle>Login</DialogTitle>
-          <DialogDescription>
-            Login to your Minecraft account or play offline
-          </DialogDescription>
-        </DialogHeader>
-        <div className="p-4 w-full overflow-hidden">
-          {!authStore.loginMode && (
-            <div className="flex flex-col space-y-4">
-              <Button size="lg" onClick={handleMicrosoftLogin}>
-                <Mail />
-                Login with Microsoft
-              </Button>
-              <Button
-                variant="secondary"
-                onClick={() => authStore.setLoginMode("offline")}
-                size="lg"
-              >
-                <User />
-                Login Offline
-              </Button>
-            </div>
-          )}
-          {authStore.loginMode === "microsoft" && (
-            <div className="flex flex-col space-y-4">
-              <button
-                type="button"
-                className="text-4xl font-bold text-center bg-accent p-4 cursor-pointer"
-                onClick={() => {
-                  if (authStore.deviceCode?.userCode) {
-                    navigator.clipboard?.writeText(
-                      authStore.deviceCode?.userCode,
-                    );
-                    toast.success("Copied to clipboard");
-                  }
-                }}
-              >
-                {authStore.deviceCode?.userCode}
-              </button>
-              <span className="text-muted-foreground w-full overflow-hidden text-ellipsis">
-                To sign in, use a web browser to open the page{" "}
-                <a href={authStore.deviceCode?.verificationUri}>
-                  {authStore.deviceCode?.verificationUri}
-                </a>{" "}
-                and enter the code{" "}
-                <code
-                  className="font-semibold cursor-pointer"
-                  onClick={() => {
-                    if (authStore.deviceCode?.userCode) {
-                      navigator.clipboard?.writeText(
-                        authStore.deviceCode?.userCode,
-                      );
-                    }
-                  }}
-                  onKeyDown={() => {
-                    if (authStore.deviceCode?.userCode) {
-                      navigator.clipboard?.writeText(
-                        authStore.deviceCode?.userCode,
-                      );
-                    }
-                  }}
-                >
-                  {authStore.deviceCode?.userCode}
-                </code>{" "}
-                to authenticate, this code will be expired in{" "}
-                {authStore.deviceCode?.expiresIn} seconds.
-              </span>
-              <FieldError>{errorMessage}</FieldError>
-            </div>
-          )}
-          {authStore.loginMode === "offline" && (
-            <FieldGroup>
-              <Field>
-                <FieldLabel>Username</FieldLabel>
-                <FieldDescription>
-                  Enter a username to play offline
-                </FieldDescription>
-                <Input
-                  value={offlineUsername}
-                  onChange={(e) => {
-                    setOfflineUsername(e.target.value);
-                    setErrorMessage("");
-                  }}
-                  aria-invalid={!!errorMessage}
-                />
-                <FieldError>{errorMessage}</FieldError>
-              </Field>
-            </FieldGroup>
-          )}
-        </div>
-        <DialogFooter>
-          <div className="flex flex-col justify-center items-center">
-            <span className="text-xs text-muted-foreground ">
-              {authStore.statusMessage}
-            </span>
-          </div>
-          <Button
-            variant="outline"
-            onClick={() => {
-              if (authStore.loginMode) {
-                if (authStore.loginMode === "microsoft") {
-                  authStore.cancelLoginOnline();
-                }
-                authStore.setLoginMode(null);
-              } else {
-                onOpenChange?.(false);
-              }
-            }}
-          >
-            Cancel
-          </Button>
-          {authStore.loginMode === "offline" && (
-            <Button onClick={handleOfflineLogin} disabled={isLoggingIn}>
-              Login
-            </Button>
-          )}
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
-- 
cgit v1.2.3-70-g09d2