remove unused page

This commit is contained in:
SrGooglo 2023-03-07 02:10:45 +00:00
parent 8b83fb0ab1
commit 6116dddeae
2 changed files with 0 additions and 173 deletions

View File

@ -1,80 +0,0 @@
import React from "react"
import * as antd from "antd"
import moment from "moment"
import { Icons } from "components/Icons"
import config from "config"
import "./index.less"
export default (props) => {
const isProduction = import.meta.env.PROD
const [serverManifest, setServerManifest] = React.useState(null)
const checkServerVersion = async () => {
const serverManifest = await app.cores.api.customRequest("main")
setServerManifest(serverManifest.data)
}
React.useEffect(() => {
checkServerVersion()
}, [])
return <div className="about_app">
<div className="header">
<div className="branding">
<div className="logo">
<img
src={config.logo.alt}
alt="Logo"
/>
</div>
<div className="texts">
<h2>{config.app.siteName}</h2>
<span>{config.author}</span>
<span> Licensed with {config.package?.license ?? "unlicensed"} </span>
</div>
</div>
<div className="versions">
<antd.Tag><Icons.Tag />v{window.app.version ?? "experimental"}</antd.Tag>
<antd.Tag color={isProduction ? "green" : "magenta"}>
{isProduction ? <Icons.CheckCircle /> : <Icons.Triangle />}
{String(import.meta.env.MODE)}
</antd.Tag>
</div>
</div>
<div className="group">
<h3><Icons.Server />Server info</h3>
<div className="field">
Powered by Linebridge
<div className="value">
<antd.Tag>v{serverManifest?.LINEBRIDGE_SERVER_VERSION ?? "Unknown"}</antd.Tag>
</div>
</div>
<div className="field">
<span>
<Icons.Globe /> Origin address
</span>
<div className="value">
{app.cores.api?.namespaces.main.origin ?? "Unknown"}
</div>
</div>
<div className="field">
<span>
<Icons.Clock /> Server Time
</span>
<div className="value">
{moment(serverManifest?.requestTime).format("YYYY-MM-DD HH:mm:ss")}
</div>
</div>
</div>
</div>
}

View File

@ -1,93 +0,0 @@
.about_app {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 20px 20px 20px;
background-color: var(--background-color-accent);
color: var(--text-color);
border-radius: 12px;
.header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-self: center;
width: 100%;
margin-bottom: 20px;
padding: 20px 0;
border-bottom: 1px solid var(--border-color);
.branding {
display: flex;
flex-direction: row;
align-items: center;
.logo {
width: 60px;
height: 100%;
margin-right: 20px;
img {
width: 100%;
height: 100%;
}
}
.texts {
display: flex;
flex-direction: column;
}
h1,
h2,
h3 {
height: fit-content;
line-height: 24px;
}
span {
height: fit-content;
color: var(--background-color-contrast);
font-size: 10px;
}
}
}
.group {
display: inline-flex;
flex-direction: column;
justify-content: center;
margin-bottom: 10px;
.field {
display: inline-flex;
flex-direction: column;
margin-bottom: 10px;
font-size: 0.9rem;
.value {
font-size: 0.8rem;
display: inline-flex;
flex-direction: row;
margin-left: 10px;
}
}
}
}