feat: enhance channel options with tips and descriptions for better user guidance

This commit is contained in:
JustSong
2025-02-09 12:03:31 +08:00
parent 3e3b8230ac
commit 4375246e24
4 changed files with 94 additions and 70 deletions

View File

@@ -1,5 +1,6 @@
import { Label } from 'semantic-ui-react';
import { useTranslation } from 'react-i18next';
import {Label, Message} from 'semantic-ui-react';
import {getChannelOption} from './helper';
import React from 'react';
export function renderText(text, limit) {
if (text.length > limit) {
@@ -98,3 +99,15 @@ export function renderColorLabel(text) {
</Label>
);
}
export function renderChannelTip(channelId) {
let channel = getChannelOption(channelId);
if (channel === undefined || channel.tip === undefined) {
return <></>;
}
return (
<Message>
<div dangerouslySetInnerHTML={{__html: channel.tip}}></div>
</Message>
);
}