From 2fbfab1b9e45b28a2d52bdf044d1d8b69cbae74b Mon Sep 17 00:00:00 2001 From: Julien Froidefond Date: Thu, 18 Sep 2025 15:58:09 +0200 Subject: [PATCH] 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. --- TODO.md | 2 +- components/kanban/SwimlanesBase.tsx | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/TODO.md b/TODO.md index 378dbfe..eb40776 100644 --- a/TODO.md +++ b/TODO.md @@ -149,7 +149,7 @@ - [x] Settings synchro Jira : ajouter une liste de projet à ignorer, doit etre pris en compte par le service bien sur - [x] Faire des pages à part entière pour les sous-pages de la page config + SSR - [x] Afficher dans l'édition de task les todo reliés. Pouvoir en ajouter directement avec une date ou sans. -- [ ] Dans les titres de colonnes des swimlanes, je n'ai pas les couleurs des statuts +- [x] Dans les titres de colonnes des swimlanes, je n'ai pas les couleurs des statuts - [ ] Système de sauvegarde automatique base de données - [ ] Sauvegarde automatique toutes les 6 heures (configurable) - [ ] Configuration dans les paramètres (intervalle de temps + bouton sauvegarde manuelle) diff --git a/components/kanban/SwimlanesBase.tsx b/components/kanban/SwimlanesBase.tsx index b405b58..0057f9d 100644 --- a/components/kanban/SwimlanesBase.tsx +++ b/components/kanban/SwimlanesBase.tsx @@ -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 (
-

+

{statusConfig?.icon} {statusConfig?.label}