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

refactor(helpers): renderGroup function

Browse Source
This commit is contained in:
QuentinHsu 2024-04-02 13:16:02 +08:00
parent d6e373fbe4
commit 3e90b6d516
No known key found for this signature in database
GPG Key ID: 20D465A435D740D0
1 changed files with 25 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,46 +8,36 @@ export function renderText(text, limit) {
return text;
}
/**
* Render group tags based on the input group string
* @param {string} group - The input group string
* @returns {JSX.Element} - The rendered group tags
*/
export function renderGroup(group) {
if (group === '') {
return (
<Tag size='large' key={group}>
default
</Tag>
);
return <Tag size='large' key='default'>default</Tag>;
}
let groups = group.split(',');
groups.sort();
const tagColors = {
'vip': 'yellow',
'pro': 'yellow',
'svip': 'red',
'premium': 'red'
};
const groups = group.split(',').sort();
return (
<span key={group}>
{groups.map((group) => {
if (group === 'vip' || group === 'pro') {
return (
<Tag size='large' color='yellow' key={group}>
{groups.map((group) => (
<Tag
size='large'
color={tagColors[group] || stringToColor(group)}
key={group}
>
{group}
</Tag>
);
} else if (group === 'svip' || group === 'premium') {
return (
<Tag size='large' color='red' key={group}>
{group}
</Tag>
);
}
if (group === 'default') {
return (
<Tag size='large' key={group}>
{group}
</Tag>
);
} else {
return (
<Tag size='large' color={stringToColor(group)} key={group}>
{group}
</Tag>
);
}
})}
))}
</span>
);
}