Commit 80d19636 authored by Chunchi Che's avatar Chunchi Che

remove some unused component

parent 466916de
Pipeline #22947 passed with stages
in 13 minutes and 34 seconds
import React, { Suspense } from "react";
// TODO: 这个组件不知道为啥某些路由用不了,后面研究下
const LazyLoad = (props: { lazy: React.ReactNode }) => {
return <Suspense fallback={<div>Loading...</div>}>{props.lazy}</Suspense>;
};
export const Loading = () => <div>Loading</div>;
export default LazyLoad;
/*
* 加入房间页面
*
* player: 玩家昵称;
* addr: IP地址;
* passWd: 房间密码。
*
* */
import "../styles/core.scss";
import { Input } from "antd";
import Link from "antd/es/typography/Link";
import React, { ChangeEvent, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import { useConfig } from "@/config";
const NeosConfig = useConfig();
const serverConfig = NeosConfig.servers;
const {
defaults: { defaultPlayer, defaultPassword },
automation: { isAiMode },
} = useConfig();
export default function Match() {
const [player, setPlayer] = useState(defaultPlayer);
const [passWd, setPasswd] = useState(defaultPassword);
const [ip, setIp] = useState(`${serverConfig[0].ip}:${serverConfig[0].port}`);
const navigate = useNavigate();
let handlePlayerChange = (event: ChangeEvent<HTMLInputElement>) => {
setPlayer(event.target.value);
};
let handlePasswdChange = (event: ChangeEvent<HTMLInputElement>) => {
setPasswd(event.target.value);
};
let handleIpChange = (event: ChangeEvent<HTMLInputElement>) => {
setIp(event.target.value);
};
// 因为萌卡服务器的房间密码会有`#`等特殊字符,因此这里用`encodeURIComponent`做下转义
const handleSubmit = () =>
navigate(`/room/${player}/${encodeURIComponent(passWd)}/${ip}`);
useEffect(() => {
// 如果开启了AI模式,直接进入房间
if (isAiMode) {
handleSubmit();
}
}, []);
return (
<div className="container">
<div id="login">
<form className="login-form" onSubmit={handleSubmit}>
<span className="fa fa-user"></span>
<Input
autoFocus
type="text"
placeholder="Player Name"
value={player}
onChange={handlePlayerChange}
required
/>
<span className="fa-solid fa-server"></span>
<Input
type="text"
placeholder="Server"
value={ip}
onChange={handleIpChange}
required
/>
<span className="fa fa-lock"></span>
<Input
type="password"
autoCorrect="off"
placeholder="Room Password"
value={passWd}
onChange={handlePasswdChange}
required
/>
<Input type="submit" value="Enter Room" />
</form>
</div>
<div className="sign-up__actions clearfix">
<p>
Don't know how to play?{" "}
<a href="https://doc.neos.moe">Player Guide</a>
<span className="fa fa-arrow-right"></span>
</p>
<p>
<Link href="replay">Clik here to play ygo replay</Link>
</p>
</div>
<div className="sign-in__actions clearfix">
<ul>
<li>
<a
href="https://github.com/DarkNeos/neos-ts"
className="link link-github"
></a>
</li>
<li>
<a
href="https://code.mycard.moe/mycard/Neos"
className="fa-brands fa-gitlab"
></a>
</li>
<li>
<a href="https://mycard.moe/">
<img
src={`${NeosConfig.assetsPath}/mycard.icon.png`}
style={{ width: "25%" }}
/>
</a>
</li>
<li>
<a className="fa-brands fa-discord"></a>
</li>
</ul>
</div>
</div>
);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment