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:
Julien Froidefond
2025-09-18 15:58:09 +02:00
parent 6161653611
commit 2fbfab1b9e
2 changed files with 4 additions and 3 deletions

View File

@@ -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>