From 80a9c3e5d899f016a1f809ca7f4a6aebb82f3aec Mon Sep 17 00:00:00 2001
From: thehrz <thehrz@outlook.com>
Date: Sun, 13 Apr 2025 01:23:00 +0800
Subject: [PATCH] fix: update YggdrasilSetter

---
 docker-compose.yml                          | 23 --------------------
 frontend/src/components/YggdrasilSetter.tsx | 24 +++++++++++++++++++++
 frontend/src/views/profile/Profile.tsx      | 10 ++-------
 3 files changed, 26 insertions(+), 31 deletions(-)
 delete mode 100644 docker-compose.yml
 create mode 100644 frontend/src/components/YggdrasilSetter.tsx

diff --git a/docker-compose.yml b/docker-compose.yml
deleted file mode 100644
index da97d07..0000000
--- a/docker-compose.yml
+++ /dev/null
@@ -1,23 +0,0 @@
-version: "3.9"
-
-networks:
-  traefik:
-    name: traefik
-    external: true
-
-
-services:
-  tinyskin:
-    build: .
-    container_name: tinyskin
-    volumes:
-      - /srv/server/tinyskin:/app/config
-    restart: always
-    labels:
-      - traefik.enable=true
-      - traefik.http.routers.tinyskin.rule=Host(`auth.hfbz.net`)
-      - traefik.http.routers.tinyskin.entrypoints=web,websecure
-      - traefik.http.routers.tinyskin.middlewares=CORS@file
-      - traefik.http.services.tinyskin.loadbalancer.server.port=8080
-    networks:
-      - traefik
diff --git a/frontend/src/components/YggdrasilSetter.tsx b/frontend/src/components/YggdrasilSetter.tsx
new file mode 100644
index 0000000..60fb691
--- /dev/null
+++ b/frontend/src/components/YggdrasilSetter.tsx
@@ -0,0 +1,24 @@
+import Button from "@mui/material/Button"
+import { useCallback } from "react"
+
+export default function QuickSetter() {
+  const url = "https://auth.hfbz.net/api/yggdrasil"
+
+  const handleDragStart = useCallback(
+    (event: React.DragEvent<HTMLButtonElement>) => {
+      const uri = "authlib-injector:yggdrasil-server:" + encodeURIComponent(url)
+
+      if (event.dataTransfer) {
+        event.dataTransfer.setData("text/plain", uri)
+        event.dataTransfer.dropEffect = "copy"
+      }
+    },
+    [url]
+  )
+
+  return (
+    <Button variant="contained" draggable onDragStart={handleDragStart}>
+      拖拽配置 Yggdrasil
+    </Button>
+  )
+}
\ No newline at end of file
diff --git a/frontend/src/views/profile/Profile.tsx b/frontend/src/views/profile/Profile.tsx
index 4ffdf71..7a837d5 100644
--- a/frontend/src/views/profile/Profile.tsx
+++ b/frontend/src/views/profile/Profile.tsx
@@ -11,6 +11,7 @@ import Box from '@mui/material/Box';
 import useTitle from '@/hooks/useTitle';
 import SkinViewUUID from '@/components/SkinViewUUID';
 import root from '@/utils/root';
+import YggdrasilSetter from '@/components/YggdrasilSetter';
 
 const Profile = function Profile() {
     const navigate = useNavigate();
@@ -54,14 +55,7 @@ const Profile = function Profile() {
                         <Typography>本站 Yggdrasil 认证服务器地址</Typography>
                         <code style={{ wordBreak: "break-all" }}>{getYggRoot()}</code>
                         <Typography>点击下方按钮复制 API 地址，或者将按钮拖动至启动器的任意界面即可快速添加认证服务器。</Typography>
-                        <Button
-                            variant="contained"
-                            href="https://auth.hfbz.net/api/yggdrasil"
-                            draggable='true'
-                            data-clipboard-text="https://auth.hfbz.net/api/yggdrasil"
-                        >
-                            将此按钮拖到启动器
-                        </Button>
+                        <YggdrasilSetter />
                     </CardContent>
                 </Card>
                 <Box sx={{ gridArea: "d" }}></Box>