xinyin025/one-api
1
0
Fork 0
mirror of https://github.com/songquanpeng/one-api.git synced 2025-09-17 09:16:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: improve code formatting and structure in ChannelsTable and render helpers

Browse Source
This commit is contained in:
JustSong 2025-02-12 01:15:45 +08:00
parent d6284bf6b0
commit 54c38de813
2 changed files with 41 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/default/src/components/ChannelsTable.js
View File

@ -1,6 +1,16 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import {Button, Dropdown, Form, Input, Label, Message, Pagination, Popup, Table,} from 'semantic-ui-react'; import {
Button,
Dropdown,
Form,
Input,
Label,
Message,
Pagination,
Popup,
Table,
} from 'semantic-ui-react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { import {
API, API,
@ -588,7 +598,15 @@ const ChannelsTable = () => {
/> />
</Table.Cell> </Table.Cell>
<Table.Cell> <Table.Cell>
<div> <div
style={{
display: 'flex',
alignItems: 'center',
flexWrap: 'wrap',
gap: '2px',
rowGap: '6px',
}}
>
<Button <Button
size={'tiny'} size={'tiny'}
positive positive

12
web/default/src/helpers/render.js
View File

@ -16,7 +16,15 @@ export function renderGroup(group) {
let groups = group.split(','); let groups = group.split(',');
groups.sort(); groups.sort();
return ( return (
<> <div
style={{
display: 'flex',
alignItems: 'center',
flexWrap: 'wrap',
gap: '2px',
rowGap: '6px',
}}
>
{groups.map((group) => { {groups.map((group) => {
if (group === 'vip' || group === 'pro') { if (group === 'vip' || group === 'pro') {
return <Label color='yellow'>{group}</Label>; return <Label color='yellow'>{group}</Label>;
@ -25,7 +33,7 @@ export function renderGroup(group) {
} }
return <Label>{group}</Label>; return <Label>{group}</Label>;
})} })}
</> </div>
); );
} }