freefire
55c256654b
新增后端图标校验与色槽规范化，前端展示 BoardBadge/骨架屏，发帖与板块管理页增加未保存确认。 Co-authored-by: Cursor <cursoragent@cursor.com>
19 lines
520 B
TypeScript
19 lines
520 B
TypeScript
import { cn } from '@/lib/utils';
|
|
import { getBoardThemeIndex } from '../utils/boardTheme';
|
|
import type { Board } from '../api/types';
|
|
|
|
interface Props {
|
|
board: Pick<Board, 'id' | 'name' | 'color_index'>;
|
|
className?: string;
|
|
}
|
|
|
|
/** 按板块配置或 id 映射不同色标的 Badge */
|
|
export default function BoardBadge({ board, className }: Props) {
|
|
const idx = getBoardThemeIndex(board);
|
|
return (
|
|
<span className={cn('board-badge', `board-badge--${idx}`, className)}>
|
|
{board.name}
|
|
</span>
|
|
);
|
|
}
|