mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-08-17 17:53:43 +08:00
kuekhaoyang
3dfcc6565d
- Implemented HistoryEmptyState component for displaying when no viewing history exists. - Created HistoryItem component to represent individual watch history items with video details and delete functionality. - Developed MovieCard component to display individual movie details including poster, title, and rating. - Added MovieGrid component for displaying a grid of movie cards with infinite scroll capabilities. - Introduced TagManager component for managing custom tags with creation, deletion, and filtering functionalities. - Created TypeBadgeItem and TypeBadgeList components for displaying selectable badges with counts. - Added custom hook useInfiniteScroll for managing infinite scroll behavior. - Implemented contrast testing script to ensure WCAG compliance for UI components.
24 lines
674 B
TypeScript
24 lines
674 B
TypeScript
/**
|
|
* HistoryEmptyState - Empty state for watch history
|
|
* Displays when no viewing history exists
|
|
*/
|
|
|
|
import { Icons } from '@/components/ui/Icon';
|
|
|
|
export function HistoryEmptyState() {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center h-full text-center py-12">
|
|
<Icons.Inbox
|
|
size={64}
|
|
className="text-[var(--text-color-secondary)] opacity-50 mb-4"
|
|
/>
|
|
<p className="text-[var(--text-color-secondary)] text-lg">
|
|
暂无观看历史
|
|
</p>
|
|
<p className="text-[var(--text-color-secondary)] text-sm mt-2 opacity-70">
|
|
您观看的视频会自动记录在这里
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|