@industry-theme/git-panels 0.1.10 → 0.1.11

package/dist/panels/GitPullRequestsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitPullRequestsPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitPullRequestsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2S9D,CAAC;AAwIF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAkE/C,CAAC"}
+{"version":3,"file":"GitPullRequestsPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitPullRequestsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6S9D,CAAC;AAqIF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAkE/C,CAAC"}

package/dist/panels.bundle.js

@@ -705,6 +705,7 @@ const GitPullRequestsPanel = ({
   var _a;
   const { theme: theme2 } = useTheme();
   const [filter, setFilter] = useState("open");
+  const [selectedPrId, setSelectedPrId] = useState(null);
   const prSlice = context.getSlice("pullRequests");
   const hasPRs = context.hasSlice("pullRequests");
   const isLoading = context.isSliceLoading("pullRequests");
@@ -746,6 +747,7 @@ const GitPullRequestsPanel = ({
     }
   };
   const handlePRClick = (pr) => {
+    setSelectedPrId(pr.id);
     events.emit({
       type: "git-panels.pull-request:selected",
       source: "git-panels.pull-requests",
@@ -981,13 +983,15 @@ const GitPullRequestsPanel = ({
               ] })
             ]
           }
-        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme: theme2, onClick: () => handlePRClick(pr) }, pr.id))
+        ) : filteredPullRequests.map((pr) => /* @__PURE__ */ jsx(PullRequestCard, { pr, theme: theme2, isSelected: selectedPrId === pr.id, onClick: () => handlePRClick(pr) }, pr.id))
       }
     )
   ] });
 };
-const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
+const PullRequestCard = ({ pr, theme: theme2, isSelected, onClick }) => {
   var _a;
+  const [isHovered, setIsHovered] = useState(false);
+  const isActive = isHovered || isSelected;
   const isMerged = pr.merged_at !== null;
   const isOpen = pr.state === "open";
   const totalComments = (pr.comments || 0) + (pr.review_comments || 0);
@@ -1003,57 +1007,33 @@ const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
           onClick == null ? void 0 : onClick();
         }
       },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       style: {
         borderBottom: `1px solid ${theme2.colors.border}`,
-        padding: "12px 16px",
-        backgroundColor: theme2.colors.backgroundSecondary,
+        padding: "16px 16px",
+        backgroundColor: isActive ? theme2.colors.background : theme2.colors.backgroundSecondary,
         display: "flex",
         flexDirection: "column",
         gap: "8px",
         cursor: onClick ? "pointer" : "default",
-        minWidth: 0
+        minWidth: 0,
+        transition: "background-color 0.15s ease"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "div",
           {
             style: {
-              display: "flex",
-              alignItems: "baseline",
-              gap: "8px"
+              fontFamily: theme2.fonts.heading,
+              fontSize: theme2.fontSizes[2],
+              fontWeight: 600,
+              color: isActive ? theme2.colors.primary : theme2.colors.text,
+              lineHeight: 1.3,
+              wordBreak: "break-word",
+              transition: "color 0.15s ease"
             },
-            children: [
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[1],
-                    fontWeight: 600,
-                    color: theme2.colors.textSecondary,
-                    flexShrink: 0
-                  },
-                  children: [
-                    "#",
-                    pr.number
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.heading,
-                    fontSize: theme2.fontSizes[2],
-                    fontWeight: 600,
-                    color: theme2.colors.text,
-                    lineHeight: 1.3,
-                    wordBreak: "break-word"
-                  },
-                  children: pr.title
-                }
-              )
-            ]
+            children: pr.title
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -1086,6 +1066,20 @@ const PullRequestCard = ({ pr, theme: theme2, onClick }) => {
                   children: "Draft"
                 }
               ),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    fontFamily: theme2.fonts.heading,
+                    fontWeight: 600,
+                    color: theme2.colors.textSecondary
+                  },
+                  children: [
+                    "#",
+                    pr.number
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxs("span", { children: [
                 "by ",
                 ((_a = pr.user) == null ? void 0 : _a.login) ?? "unknown"