oadmin/new-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Simplify PersonalSetting component layout

Browse Source 
- Moved footer content from the Card component to a separate Descriptions component for better structure.
- Maintained the display of user quota, historical consumption, and request count while improving readability.
This commit is contained in:
CalciumIon
2024-12-11 20:36:44 +08:00
parent 7cab9d7c8a
commit 77b8d918de
1 changed files with 11 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/components/PersonalSetting.js
View File

@@ -363,36 +363,18 @@ const PersonalSetting = () => {
</Space> </Space>
</> </>
} }
footer={
<Descriptions row>
<Descriptions.Item itemKey='当前余额'>
{renderQuota(userState?.user?.quota)}
</Descriptions.Item>
<Descriptions.Item itemKey='历史消耗'>
{renderQuota(userState?.user?.used_quota)}
</Descriptions.Item>
<Descriptions.Item itemKey='请求次数'>
{userState.user?.request_count}
</Descriptions.Item>
</Descriptions>
}
> >
<Typography.Title heading={6}>可用模型</Typography.Title> <Descriptions row>
<div style={{marginTop: 10}}> <Descriptions.Item itemKey='当前余额'>
<Space wrap> {renderQuota(userState?.user?.quota)}
{models.map((model) => ( </Descriptions.Item>
<Tag <Descriptions.Item itemKey='历史消耗'>
key={model} {renderQuota(userState?.user?.used_quota)}
color='cyan' </Descriptions.Item>
onClick={() => { <Descriptions.Item itemKey='请求次数'>
copyText(model); {userState.user?.request_count}
}} </Descriptions.Item>
> </Descriptions>
{model}
</Tag>
))}
</Space>
</div>
</Card> </Card>
<Card <Card
style={{marginTop: 10}} style={{marginTop: 10}}