Zhou Weidong
ecfbd3b8b5
- 按 app / shared / entities / features 分层，路由懒加载并抽出布局组件 - 请求层改为可插拔拦截器，统一错误类型、超时取消与端点拆分 - 抽取播放器、骨架屏、网格等复用组件，点赞收藏接入统一交互反馈 - 关于页重做为无边框极光风格，补充 iOS / Google Play 下载入口 - 修复播放页滚轮切集吞事件、页面误滚动、后台持续播放与声音记忆问题 - 语言按本地偏好与 IP 识别，国旗改为内联 SVG - 清理未使用的旧站点文件，补充 ESLint 配置
20 lines
582 B
React
20 lines
582 B
React
// Author: fruit.com.cn
|
|
export function CategoryBar({ categories, activeId, onChange }) {
|
|
return (
|
|
<div className="youtube-category-bar" role="tablist" aria-label="Categories">
|
|
{categories.map((category) => (
|
|
<button
|
|
className={`youtube-category-chip ${activeId === category.id ? 'active' : ''}`}
|
|
key={category.id}
|
|
type="button"
|
|
role="tab"
|
|
aria-selected={activeId === category.id}
|
|
onClick={() => onChange(category.id)}
|
|
>
|
|
{category.label}
|
|
</button>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|