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

fix(helpers): add key prop to Tag components

Browse Source
This commit is contained in:
QuentinHsu
2024-04-02 10:58:21 +08:00
parent 87919b032d
commit d6e373fbe4
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/helpers/render.js
View File

@@ -10,37 +10,45 @@ export function renderText(text, limit) {
export function renderGroup(group) { export function renderGroup(group) {
if (group === '') { if (group === '') {
return <Tag size='large'>default</Tag>; return (
<Tag size='large' key={group}>
default
</Tag>
);
} }
let groups = group.split(','); let groups = group.split(',');
groups.sort(); groups.sort();
return ( return (
<> <span key={group}>
{groups.map((group) => { {groups.map((group) => {
if (group === 'vip' || group === 'pro') { if (group === 'vip' || group === 'pro') {
return ( return (
<Tag size='large' color='yellow'> <Tag size='large' color='yellow' key={group}>
{group} {group}
</Tag> </Tag>
); );
} else if (group === 'svip' || group === 'premium') { } else if (group === 'svip' || group === 'premium') {
return ( return (
<Tag size='large' color='red'> <Tag size='large' color='red' key={group}>
{group} {group}
</Tag> </Tag>
); );
} }
if (group === 'default') { if (group === 'default') {
return <Tag size='large'>{group}</Tag>; return (
<Tag size='large' key={group}>
{group}
</Tag>
);
} else { } else {
return ( return (
<Tag size='large' color={stringToColor(group)}> <Tag size='large' color={stringToColor(group)} key={group}>
{group} {group}
</Tag> </Tag>
); );
} }
})} })}
</> </span>
); );
} }