Update the Ignore Repo

src/components/repositories/RepositoryTable.tsx

@@ -1,7 +1,7 @@
 import { useMemo, useRef } from "react";
 import Fuse from "fuse.js";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { FlipHorizontal, GitFork, RefreshCw, RotateCcw, Star, Lock } from "lucide-react";
+import { FlipHorizontal, GitFork, RefreshCw, RotateCcw, Star, Lock, Ban, Check, ChevronDown } from "lucide-react";
 import { SiGithub, SiGitea } from "react-icons/si";
 import type { Repository } from "@/lib/db/schema";
 import { Button } from "@/components/ui/button";
@@ -19,6 +19,12 @@ import {
 import { InlineDestinationEditor } from "./InlineDestinationEditor";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 
 interface RepositoryTableProps {
   repositories: Repository[];
@@ -29,6 +35,7 @@ interface RepositoryTableProps {
   onMirror: ({ repoId }: { repoId: string }) => Promise<void>;
   onSync: ({ repoId }: { repoId: string }) => Promise<void>;
   onRetry: ({ repoId }: { repoId: string }) => Promise<void>;
+  onSkip: ({ repoId, skip }: { repoId: string; skip: boolean }) => Promise<void>;
   loadingRepoIds: Set<string>;
   selectedRepoIds: Set<string>;
   onSelectionChange: (selectedIds: Set<string>) => void;
@@ -44,6 +51,7 @@ export default function RepositoryTable({
   onMirror,
   onSync,
   onRetry,
+  onSkip,
   loadingRepoIds,
   selectedRepoIds,
   onSelectionChange,
@@ -306,6 +314,31 @@ export default function RepositoryTable({
                 </Button>
               )}
               
+              {/* Ignore/Include button */}
+              {repo.status === "ignored" ? (
+                <Button
+                  size="default"
+                  variant="outline"
+                  onClick={() => repo.id && onSkip({ repoId: repo.id, skip: false })}
+                  disabled={isLoading}
+                  className="w-full h-10"
+                >
+                  <Check className="h-4 w-4 mr-2" />
+                  Include Repository
+                </Button>
+              ) : (
+                <Button
+                  size="default"
+                  variant="ghost"
+                  onClick={() => repo.id && onSkip({ repoId: repo.id, skip: true })}
+                  disabled={isLoading}
+                  className="w-full h-10"
+                >
+                  <Ban className="h-4 w-4 mr-2" />
+                  Ignore Repository
+                </Button>
+              )}
+              
               {/* External links */}
               <div className="flex gap-2">
                 <Button variant="outline" size="default" className="flex-1 h-10 min-w-0" asChild>
@@ -645,6 +678,7 @@ export default function RepositoryTable({
                           onMirror={() => onMirror({ repoId: repo.id ?? "" })}
                           onSync={() => onSync({ repoId: repo.id ?? "" })}
                           onRetry={() => onRetry({ repoId: repo.id ?? "" })}
+                          onSkip={(skip) => onSkip({ repoId: repo.id ?? "", skip })}
                         />
                       </div>
                       {/* Links */}
@@ -754,54 +788,108 @@ function RepoActionButton({
   onMirror,
   onSync,
   onRetry,
+  onSkip,
 }: {
   repo: { id: string; status: string };
   isLoading: boolean;
   onMirror: () => void;
   onSync: () => void;
   onRetry: () => void;
+  onSkip: (skip: boolean) => void;
 }) {
-  let label = "";
-  let icon = <></>;
-  let onClick = () => {};
-  let disabled = isLoading;
-
-  if (repo.status === "failed") {
-    label = "Retry";
-    icon = <RotateCcw className="h-4 w-4 mr-1" />;
-    onClick = onRetry;
-  } else if (["mirrored", "synced", "syncing"].includes(repo.status)) {
-    label = "Sync";
-    icon = <RefreshCw className="h-4 w-4 mr-1" />;
-    onClick = onSync;
-    disabled ||= repo.status === "syncing";
-  } else if (["imported", "mirroring"].includes(repo.status)) {
-    label = "Mirror";
-    icon = <FlipHorizontal className="h-4 w-4 mr-1" />;
-    onClick = onMirror;
-    disabled ||= repo.status === "mirroring";
-  } else {
-    return null; // unsupported status
+  // For ignored repos, show an "Include" action
+  if (repo.status === "ignored") {
+    return (
+      <Button
+        variant="outline"
+        disabled={isLoading}
+        onClick={() => onSkip(false)}
+        className="min-w-[80px] justify-start"
+      >
+        <Check className="h-4 w-4 mr-1" />
+        Include
+      </Button>
+    );
   }
 
+  // For actionable statuses, show action + dropdown for skip
+  let primaryLabel = "";
+  let primaryIcon = <></>;
+  let primaryOnClick = () => {};
+  let primaryDisabled = isLoading;
+  let showPrimaryAction = true;
+
+  if (repo.status === "failed") {
+    primaryLabel = "Retry";
+    primaryIcon = <RotateCcw className="h-4 w-4" />;
+    primaryOnClick = onRetry;
+  } else if (["mirrored", "synced", "syncing"].includes(repo.status)) {
+    primaryLabel = "Sync";
+    primaryIcon = <RefreshCw className="h-4 w-4" />;
+    primaryOnClick = onSync;
+    primaryDisabled ||= repo.status === "syncing";
+  } else if (["imported", "mirroring"].includes(repo.status)) {
+    primaryLabel = "Mirror";
+    primaryIcon = <FlipHorizontal className="h-4 w-4" />;
+    primaryOnClick = onMirror;
+    primaryDisabled ||= repo.status === "mirroring";
+  } else {
+    showPrimaryAction = false;
+  }
+
+  // If there's no primary action, just show ignore button
+  if (!showPrimaryAction) {
+    return (
+      <Button
+        variant="ghost"
+        disabled={isLoading}
+        onClick={() => onSkip(true)}
+        className="min-w-[80px] justify-start"
+      >
+        <Ban className="h-4 w-4 mr-1" />
+        Ignore
+      </Button>
+    );
+  }
+
+  // Show primary action with dropdown for skip option
   return (
-    <Button
-      variant="ghost"
-      disabled={disabled}
-      onClick={onClick}
-      className="min-w-[80px] justify-start"
-    >
-      {isLoading ? (
-        <>
-          <RefreshCw className="h-4 w-4 animate-spin mr-1" />
-          {label}
-        </>
-      ) : (
-        <>
-          {icon}
-          {label}
-        </>
-      )}
-    </Button>
+    <DropdownMenu>
+      <div className="flex">
+        <Button
+          variant="ghost"
+          disabled={primaryDisabled}
+          onClick={primaryOnClick}
+          className="min-w-[80px] justify-start rounded-r-none"
+        >
+          {isLoading ? (
+            <>
+              <RefreshCw className="h-4 w-4 animate-spin mr-1" />
+              {primaryLabel}
+            </>
+          ) : (
+            <>
+              {primaryIcon}
+              <span className="ml-1">{primaryLabel}</span>
+            </>
+          )}
+        </Button>
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant="ghost"
+            disabled={isLoading}
+            className="rounded-l-none px-2 border-l"
+          >
+            <ChevronDown className="h-4 w-4" />
+          </Button>
+        </DropdownMenuTrigger>
+      </div>
+      <DropdownMenuContent align="end">
+        <DropdownMenuItem onClick={() => onSkip(true)}>
+          <Ban className="h-4 w-4 mr-2" />
+          Ignore Repository
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
   );
 }