feat: update swimlane column titles with status colors
- Marked the TODO item for swimlane column title colors as complete. - Enhanced `SwimlanesBase` component to apply dynamic styles based on status colors using `getTechStyle`. - Updated `dev.db` to reflect changes in the database schema.
This commit is contained in:
@@ -7,7 +7,7 @@ import { CreateTaskData } from '@/clients/tasks-client';
|
||||
import { useState } from 'react';
|
||||
import { useUserPreferences } from '@/contexts/UserPreferencesContext';
|
||||
import { useDragAndDrop } from '@/hooks/useDragAndDrop';
|
||||
import { getAllStatuses } from '@/lib/status-config';
|
||||
import { getAllStatuses, getTechStyle } from '@/lib/status-config';
|
||||
import {
|
||||
DndContext,
|
||||
DragEndEvent,
|
||||
@@ -196,9 +196,10 @@ export function SwimlanesBase({
|
||||
>
|
||||
{statusesToShow.map(status => {
|
||||
const statusConfig = allStatuses.find(s => s.key === status);
|
||||
const techStyle = statusConfig ? getTechStyle(statusConfig.color) : null;
|
||||
return (
|
||||
<div key={status} className="text-center">
|
||||
<h3 className="text-sm font-mono font-bold text-[var(--foreground)] uppercase tracking-wider">
|
||||
<h3 className={`text-sm font-mono font-bold uppercase tracking-wider ${techStyle?.accent || 'text-[var(--foreground)]'}`}>
|
||||
{statusConfig?.icon} {statusConfig?.label}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user