search

Author: prashantevolvus

src/components/MilestoneTabs.jsx

@@ -1,10 +1,21 @@
 import React from "react";
+import { Input } from "./ui/input";
+import { Search as SearchIcon } from "lucide-react";
 
-export default function MilestoneTabs({ sprints, activeTab, setActiveTab }) {
+export default function MilestoneTabs({ sprints, activeTab, setActiveTab, search = "", setSearch = () => {} }) {
   return (
     <div className="mb-6">
-      <div className="mb-4">
+      <div className="mb-4 flex items-center gap-2">
         <h3 className="text-lg font-semibold text-gray-900">Milestones</h3>
+        <div className="relative w-full max-w-md ml-auto">
+          <SearchIcon className="w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2 text-gray-400" />
+          <Input
+            placeholder="Search sprint issues (number, title, description, assignee)"
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="pl-7 h-9 text-sm"
+          />
+        </div>
       </div>
       <div className="flex gap-2 overflow-x-auto pb-2">
         {sprints.map((sp) => (
@@ -24,4 +35,3 @@ export default function MilestoneTabs({ sprints, activeTab, setActiveTab }) {
     </div>
   );
 }
-

src/components/SprintBoard.jsx

@@ -443,8 +443,8 @@ export default function SprintBoard({ sprint, isFullScreen, toggleFullScreen, ha
             </div>
             <div className="p-2">
               <ul
-                className={`space-y-3 overflow-auto pr-1 ${
-                  isFullScreen ? "max-h-[calc(100vh-200px)]" : "max-h-[calc(100vh-250px)]"
+                className={`space-y-3 pr-1 ${
+                  isFullScreen ? "overflow-auto max-h-[calc(100vh-200px)]" : "overflow-visible max-h-none"
                 }`}
                 onDragOver={(e) => e.preventDefault()}
                 onDrop={(e) => {

src/components/Sprints.jsx

@@ -48,6 +48,7 @@ const REMOVE_FROM_PROJECT = `
 
 export default function Sprints({ allIssues, orgMeta, projects, token }) {
   const [statusMap, setStatusMap] = useState(new Map());
+  const [search, setSearch] = useState("");
 
   useEffect(() => {
     const map = new Map();
@@ -152,6 +153,33 @@ export default function Sprints({ allIssues, orgMeta, projects, token }) {
 
   const activeSprint = sprintData.find(sp => sp.id === activeTab);
 
+  const filteredActiveSprint = useMemo(() => {
+    if (!activeSprint) return null;
+    const q = search.trim().toLowerCase();
+    if (!q) return activeSprint;
+    const matches = (i) => {
+      const num = String(i.number || "");
+      const title = (i.title || "").toLowerCase();
+      const body = (i.body || "").toLowerCase();
+      const assignees = (i.assignees || []).map(a => (a.login || "").toLowerCase());
+      return (
+        num.includes(q) ||
+        title.includes(q) ||
+        body.includes(q) ||
+        assignees.some(a => a.includes(q))
+      );
+    };
+    const filteredIssues = (activeSprint.issues || []).filter(matches);
+    const open = filteredIssues.filter(i => i.state === 'OPEN').length;
+    const closed = filteredIssues.filter(i => i.state === 'CLOSED').length;
+    return {
+      ...activeSprint,
+      open,
+      closed,
+      grouped: activeSprint.grouped.map(([status, list]) => [status, list.filter(matches)]),
+    };
+  }, [activeSprint, search]);
+
   if (!sprintData.length) {
     return (
       <Card>
@@ -164,10 +192,10 @@ export default function Sprints({ allIssues, orgMeta, projects, token }) {
 
   return (
     <div className={`${isFullScreen ? 'fixed inset-0 z-50 bg-white p-6' : ''}`}>
-      <MilestoneTabs sprints={sprintData} activeTab={activeTab} setActiveTab={setActiveTab} />
-      {activeSprint && (
+      <MilestoneTabs sprints={sprintData} activeTab={activeTab} setActiveTab={setActiveTab} search={search} setSearch={setSearch} />
+      {(filteredActiveSprint || activeSprint) && (
         <SprintBoard
-          sprint={activeSprint}
+          sprint={filteredActiveSprint || activeSprint}
           isFullScreen={isFullScreen}
           toggleFullScreen={toggleFullScreen}
           handleDrop={handleDrop}