From 06c6af84d1d41beee78d6c98f2e48287f27cfe69 Mon Sep 17 00:00:00 2001
From: Serhii Vecherenko <SDSLeon999@gmail.com>
Date: Sat, 23 May 2026 16:57:06 -0700
Subject: [PATCH] refactor(sidebar): remove PrBadge component

- Delete PrBadge component file
- Remove PrBadge import and rendering in WorktreeGroupHeader
---
 .../MainView/parts/Sidebar/parts/PrBadge.tsx  | 60 -------------------
 .../Sidebar/parts/WorktreeGroupHeader.tsx     |  2 -
 2 files changed, 62 deletions(-)
 delete mode 100644 src/renderer/views/MainView/parts/Sidebar/parts/PrBadge.tsx

diff --git a/src/renderer/views/MainView/parts/Sidebar/parts/PrBadge.tsx b/src/renderer/views/MainView/parts/Sidebar/parts/PrBadge.tsx
deleted file mode 100644
index ecd62e23..00000000
--- a/src/renderer/views/MainView/parts/Sidebar/parts/PrBadge.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Tooltip } from "@heroui/react";
-import { useShallow } from "zustand/shallow";
-import { useGitStore } from "@/renderer/state/gitStore";
-import { readBridge } from "@/renderer/bridge";
-import { handleKeyActivate } from "@/renderer/utils/a11y";
-
-const STATE_COLORS: Record<string, string> = {
-  open: "bg-green-400",
-  draft: "bg-gray-400",
-  merged: "bg-purple-400",
-  closed: "bg-red-400",
-};
-
-export function PrBadge(props: { worktreePath: string }) {
-  const { number, state, url } = useGitStore(
-    useShallow((s) => {
-      const prData = s.prData[props.worktreePath];
-      return {
-        number: prData?.number,
-        state: prData?.state,
-        url: prData?.url,
-      };
-    }),
-  );
-  if (!number || !state || state === "closed") return null;
-
-  const stateLabel = state === "draft" ? "Draft" : state === "merged" ? "Merged" : "Open";
-
-  return (
-    <Tooltip delay={300}>
-      <Tooltip.Trigger>
-        <div
-          role="button"
-          tabIndex={0}
-          aria-label={`PR #${number} ${stateLabel}`}
-          className="shrink-0 cursor-default rounded px-1 py-0.5 transition-colors text-muted/60 hover:bg-white/[0.04] hover:text-foreground"
-          onClick={(e) => {
-            e.stopPropagation();
-            if (url) void readBridge().openExternal(url);
-          }}
-          onKeyDown={(e) =>
-            handleKeyActivate(
-              e,
-              () => {
-                if (url) void readBridge().openExternal(url);
-              },
-              { stopPropagation: true },
-            )
-          }
-        >
-          <span className="flex items-center gap-1 text-[10px] font-medium">
-            <span className={`size-1.5 rounded-full ${STATE_COLORS[state] ?? "bg-gray-400"}`} />
-            <span className="text-muted/80">#{number}</span>
-          </span>
-        </div>
-      </Tooltip.Trigger>
-      <Tooltip.Content>{`PR #${number} · ${stateLabel}`}</Tooltip.Content>
-    </Tooltip>
-  );
-}
diff --git a/src/renderer/views/MainView/parts/Sidebar/parts/WorktreeGroupHeader.tsx b/src/renderer/views/MainView/parts/Sidebar/parts/WorktreeGroupHeader.tsx
index 3a2d0c6c..c35e753f 100644
--- a/src/renderer/views/MainView/parts/Sidebar/parts/WorktreeGroupHeader.tsx
+++ b/src/renderer/views/MainView/parts/Sidebar/parts/WorktreeGroupHeader.tsx
@@ -1,7 +1,6 @@
 import { FolderOpen, GitFork, TerminalSquare } from "lucide-react";
 import { SidebarButton } from "@/renderer/components/common";
 import { GitBadge } from "./GitBadge";
-import { PrBadge } from "./PrBadge";
 import { SidebarPanelDragButton } from "./SidebarPanelDragButton";
 import { SyncBadge } from "./SyncBadge";
 
@@ -75,7 +74,6 @@ export function WorktreeGroupHeader(props: {
           >
             <TerminalSquare className="size-3.5" />
           </SidebarPanelDragButton>
-          <PrBadge worktreePath={props.worktreePath} />
           <SyncBadge projectId={props.projectId} worktreePath={props.worktreePath} />
           <GitBadge
             projectId={props.projectId}