xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-09-18 08:26:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: the content displayed on the homepage is incorrect

Browse Source
This commit is contained in:
QuentinHsu 2024-03-02 14:56:32 +08:00
parent a8f0c5dab2
commit ac64fd26ad
No known key found for this signature in database
GPG Key ID: 20D465A435D740D0
1 changed files with 57 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
web/src/pages/Home/index.js
View File

@ -1,5 +1,5 @@
import React, { useContext, useEffect, useState } from 'react'; import React, { useContext, useEffect, useState } from 'react';
import { Card, Grid, Header, Segment } from 'semantic-ui-react'; import { Card, Col, Row } from '@douyinfe/semi-ui';
import { API, showError, showNotice, timestamp2string } from '../../helpers'; import { API, showError, showNotice, timestamp2string } from '../../helpers';
import { StatusContext } from '../../context/Status'; import { StatusContext } from '../../context/Status';
import { marked } from 'marked'; import { marked } from 'marked';
@ -44,7 +44,7 @@ const Home = () => {
const getStartTimeString = () => { const getStartTimeString = () => {
const timestamp = statusState?.status?.start_time; const timestamp = statusState?.status?.start_time;
return timestamp2string(timestamp); return statusState.status ? timestamp2string(timestamp) : '';
}; };
useEffect(() => { useEffect(() => {
@ -55,67 +55,63 @@ const Home = () => {
<> <>
{ {
homePageContentLoaded && homePageContent === '' ? <> homePageContentLoaded && homePageContent === '' ? <>
<Segment> <Card
<Header as='h3'>系统状况</Header> bordered={false}
<Grid columns={2} stackable> headerLine={false}
<Grid.Column> title='系统状况'
<Card fluid> bodyStyle={{padding: '10px 20px'}}
<Card.Content> >
<Card.Header>系统信息</Card.Header> <Row gutter={16}>
<Card.Meta>系统信息总览</Card.Meta> <Col span={12}>
<Card.Description> <Card
<p>名称：{statusState?.status?.system_name}</p> title='系统信息'
<p>版本：{statusState?.status?.version ? statusState?.status?.version : "unknown"}</p> headerExtraContent={<span style={{ fontSize:'12px', color: 'var(--semi-color-text-1)'}}>系统信息总览</span>}>
<p>名称：{statusState?.system_name}</p>
<p>版本：{statusState?.version ? statusState?.version : "unknown"}</p>
<p> <p>
源码： 源码：
<a <a
href='https://github.com/songquanpeng/one-api' href='https://github.com/songquanpeng/one-api'
target='_blank' target='_blank' rel="noreferrer"
> >
https://github.com/songquanpeng/one-api https://github.com/songquanpeng/one-api
</a> </a>
</p> </p>
<p>启动时间：{getStartTimeString()}</p> <p>启动时间：{getStartTimeString()}</p>
</Card.Description>
</Card.Content>
</Card> </Card>
</Grid.Column> </Col>
<Grid.Column> <Col span={12}>
<Card fluid> <Card
<Card.Content> title='系统配置'
<Card.Header>系统配置</Card.Header> headerExtraContent={<span style={{ fontSize:'12px', color: 'var(--semi-color-text-1)'}}>系统配置总览</span>}>
<Card.Meta>系统配置总览</Card.Meta>
<Card.Description>
<p> <p>
邮箱验证： 邮箱验证：
{statusState?.status?.email_verification === true {statusState?.email_verification === true
? '已启用' ? '已启用'
: '未启用'} : '未启用'}
</p> </p>
<p> <p>
GitHub 身份验证： GitHub 身份验证：
{statusState?.status?.github_oauth === true {statusState?.github_oauth === true
? '已启用' ? '已启用'
: '未启用'} : '未启用'}
</p> </p>
<p> <p>
微信身份验证： 微信身份验证：
{statusState?.status?.wechat_login === true {statusState?.wechat_login === true
? '已启用' ? '已启用'
: '未启用'} : '未启用'}
</p> </p>
<p> <p>
Turnstile 用户校验： Turnstile 用户校验：
{statusState?.status?.turnstile_check === true {statusState?.turnstile_check === true
? '已启用' ? '已启用'
: '未启用'} : '未启用'}
</p> </p>
</Card.Description>
</Card.Content>
</Card> </Card>
</Grid.Column> </Col>
</Grid> </Row>
</Segment> </Card>
</> : <> </> : <>
{ {
homePageContent.startsWith('https://') ? <iframe homePageContent.startsWith('https://') ? <iframe