f50f4baaa9
- Replaced task status and tags display with `StatusBadge` and `TagDisplay` for improved visual clarity. - Updated task search input to use `SearchInput` for better user experience. - Refactored task display sections to utilize `Card` component for consistent styling.
21 lines
553 B
TypeScript
21 lines
553 B
TypeScript
'use client';
|
|
|
|
import { TaskStatus } from '@/lib/types';
|
|
import { getStatusConfig, getStatusBadgeClasses } from '@/lib/status-config';
|
|
|
|
interface StatusBadgeProps {
|
|
status: TaskStatus;
|
|
className?: string;
|
|
}
|
|
|
|
export function StatusBadge({ status, className = '' }: StatusBadgeProps) {
|
|
const config = getStatusConfig(status);
|
|
const badgeClasses = getStatusBadgeClasses(status);
|
|
|
|
return (
|
|
<span className={`text-xs px-2 py-0.5 rounded font-medium border ${badgeClasses} ${className}`}>
|
|
{config.icon} {config.label}
|
|
</span>
|
|
);
|
|
}
|