From 24421e00e72e2c3185cff4bf80f0bda0eed0fb8e Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Wed, 17 Sep 2025 17:16:32 +0200
Subject: [PATCH] fix: integrate JiraQuickFilter into HomePageClient - Added
 JiraQuickFilter component to HomePageClient for enhanced task filtering. -
 Updated useTasksContext to include kanbanFilters and setKanbanFilters for
 managing filter state.

---
 components/HomePageClient.tsx         |   9 ++-
 components/kanban/JiraQuickFilter.tsx | 101 ++++++++++++++++++++++++++
 2 files changed, 109 insertions(+), 1 deletion(-)
 create mode 100644 components/kanban/JiraQuickFilter.tsx

diff --git a/components/HomePageClient.tsx b/components/HomePageClient.tsx
index fd6576f..dcb0efd 100644
--- a/components/HomePageClient.tsx
+++ b/components/HomePageClient.tsx
@@ -9,6 +9,7 @@ import { Task, Tag, TaskStats, UserPreferences } from '@/lib/types';
 import { CreateTaskData } from '@/clients/tasks-client';
 import { CreateTaskForm } from '@/components/forms/CreateTaskForm';
 import { Button } from '@/components/ui/Button';
+import { JiraQuickFilter } from '@/components/kanban/JiraQuickFilter';
 
 interface HomePageClientProps {
   initialTasks: Task[];
@@ -19,7 +20,7 @@ interface HomePageClientProps {
 
 
 function HomePageContent() {
-  const { stats, syncing, createTask, activeFiltersCount } = useTasksContext();
+  const { stats, syncing, createTask, activeFiltersCount, kanbanFilters, setKanbanFilters } = useTasksContext();
   const { preferences, updateViewPreferences } = useUserPreferences();
   const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
 
@@ -97,6 +98,12 @@ function HomePageContent() {
               </div>
               
               <div className="flex items-center gap-2 border-l border-[var(--border)] pl-4">
+                {/* Raccourcis Jira */}
+                <JiraQuickFilter 
+                  filters={kanbanFilters}
+                  onFiltersChange={setKanbanFilters}
+                />
+                
                 <button
                   onClick={handleToggleCompactView}
                   className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-mono transition-all ${
diff --git a/components/kanban/JiraQuickFilter.tsx b/components/kanban/JiraQuickFilter.tsx
new file mode 100644
index 0000000..bc7a89e
--- /dev/null
+++ b/components/kanban/JiraQuickFilter.tsx
@@ -0,0 +1,101 @@
+'use client';
+
+import { useMemo } from 'react';
+import { useTasksContext } from '@/contexts/TasksContext';
+import { KanbanFilters } from './KanbanFilters';
+
+interface JiraQuickFilterProps {
+  filters: KanbanFilters;
+  onFiltersChange: (filters: KanbanFilters) => void;
+}
+
+export function JiraQuickFilter({ filters, onFiltersChange }: JiraQuickFilterProps) {
+  const { regularTasks } = useTasksContext();
+
+  // Vérifier s'il y a des tâches Jira dans le système
+  const hasJiraTasks = useMemo(() => {
+    return regularTasks.some(task => task.source === 'jira');
+  }, [regularTasks]);
+
+  // Si pas de tâches Jira, on n'affiche rien
+  if (!hasJiraTasks) {
+    return null;
+  }
+
+  // Déterminer l'état actuel
+  const currentMode = filters.showJiraOnly ? 'show' : filters.hideJiraTasks ? 'hide' : 'all';
+
+  const handleJiraCycle = () => {
+    const updates: Partial<KanbanFilters> = {};
+    
+    // Cycle : All -> Jira only -> No Jira -> All
+    switch (currentMode) {
+      case 'all':
+        // All -> Jira only
+        updates.showJiraOnly = true;
+        updates.hideJiraTasks = false;
+        break;
+      case 'show':
+        // Jira only -> No Jira
+        updates.showJiraOnly = false;
+        updates.hideJiraTasks = true;
+        break;
+      case 'hide':
+        // No Jira -> All
+        updates.showJiraOnly = false;
+        updates.hideJiraTasks = false;
+        break;
+    }
+    
+    onFiltersChange({ ...filters, ...updates });
+  };
+
+  // Définir l'apparence selon l'état
+  const getButtonStyle = () => {
+    switch (currentMode) {
+      case 'show':
+        return 'bg-[var(--primary)]/20 text-[var(--primary)] border border-[var(--primary)]/30';
+      case 'hide':
+        return 'bg-red-500/20 text-red-400 border border-red-400/30';
+      default:
+        return 'bg-[var(--card)] text-[var(--muted-foreground)] border border-[var(--border)] hover:border-[var(--primary)]/50';
+    }
+  };
+
+  const getButtonContent = () => {
+    switch (currentMode) {
+      case 'show':
+        return { icon: '🔹', text: 'Jira only' };
+      case 'hide':
+        return { icon: '🚫', text: 'No Jira' };
+      default:
+        return { icon: '🔌', text: 'All tasks' };
+    }
+  };
+
+  const getTooltip = () => {
+    switch (currentMode) {
+      case 'all':
+        return 'Cliquer pour afficher seulement Jira';
+      case 'show':
+        return 'Cliquer pour masquer Jira';
+      case 'hide':
+        return 'Cliquer pour afficher tout';
+      default:
+        return 'Filtrer les tâches Jira';
+    }
+  };
+
+  const content = getButtonContent();
+
+  return (
+    <button
+      onClick={handleJiraCycle}
+      className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-mono transition-all ${getButtonStyle()}`}
+      title={getTooltip()}
+    >
+      <span>{content.icon}</span>
+      {content.text}
+    </button>
+  );
+}