Merge pull request #14 from ArjinAlbay/claude/github-monitoring-dashboard-01Mev23WUcwXi26vGmvizn8z

Add 'Add to Kanban' quick action for Quick Wins issues

Author: ArjinAlbay

src/components/quick-wins/QuickWinsTable.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useMemo } from "react";
+import { useState, useMemo, useCallback } from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -45,6 +45,7 @@ import {
 
 import { createColumns } from "./columns";
 import type { GitHubIssue } from "@/types/quickWins";
+import { useKanbanStore } from "@/stores/kanban";
 
 interface QuickWinsTableProps {
   data: GitHubIssue[];
@@ -70,7 +71,21 @@ export function QuickWinsTable({
 
   const [languageFilter, setLanguageFilter] = useState<string>("all");
 
-  const columns = useMemo(() => createColumns(), []);
+  const addTask = useKanbanStore((state) => state.addTask);
+
+  const handleAddToKanban = useCallback((issue: GitHubIssue) => {
+    addTask({
+      title: issue.title,
+      description: `From ${issue.repository}`,
+      type: "github-issue",
+      priority: issue.priority,
+      githubUrl: issue.url,
+      labels: issue.labels.map((label) => label.name),
+      columnId: "todo",
+    });
+  }, [addTask]);
+
+  const columns = useMemo(() => createColumns({ onAddToKanban: handleAddToKanban }), [handleAddToKanban]);
 
   const filteredData = useMemo(() => {
     let filtered = data;

src/components/quick-wins/columns.tsx

@@ -2,10 +2,14 @@ import { ColumnDef } from "@tanstack/react-table";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { ExternalLink, Calendar } from "lucide-react";
+import { ExternalLink, Calendar, ListPlus } from "lucide-react";
 import type { GitHubIssue } from "@/types/quickWins";
 
-export const createColumns = (): ColumnDef<GitHubIssue>[] => [
+interface CreateColumnsOptions {
+  onAddToKanban?: (issue: GitHubIssue) => void;
+}
+
+export const createColumns = (options?: CreateColumnsOptions): ColumnDef<GitHubIssue>[] => [
   {
     accessorKey: "title",
     header: ({ column }) => (
@@ -157,4 +161,24 @@ export const createColumns = (): ColumnDef<GitHubIssue>[] => [
     },
     enableSorting: false,
   },
+  {
+    id: "actions",
+    header: "Actions",
+    cell: ({ row }) => {
+      const issue = row.original;
+      return (
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={() => options?.onAddToKanban?.(issue)}
+          disabled={!options?.onAddToKanban}
+          className="gap-1"
+        >
+          <ListPlus className="w-4 h-4" />
+          Add to Kanban
+        </Button>
+      );
+    },
+    enableSorting: false,
+  },
 ];