onCommitNavigate

Author: liuliu-dev

CHANGELOG.md

@@ -193,6 +193,6 @@ If you are upgrading from a version prior to 2.0.0, please note the changes to p
 
 -- Diff section UI fixes.
 
-## [2.3.11]
+## [2.3.12]
 
--- Add optional `onCommitClick` in `commit` object, to handle routing in commit item.
+-- Add optional `onCommitNavigate` in `commit` object, to handle routing in commit item.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "commit-graph",
-  "version": "2.3.11",
+  "version": "2.3.12",
   "homepage": "https://liuliu-dev.github.io/CommitGraph/",
   "author": "Liu Liu <[email protected]>",
   "description": "A React component to visualize a commit graph.",

src/components/CommitDetails/index.tsx

@@ -68,12 +68,12 @@ export default function CommitDetails({
       >
         <div style={{ color: commit.commitColor }} className={css.labelAndLink}>
           <div>
-            {commit.onCommitClick ? (
+            {commit.onCommitNavigate ? (
               <span
                 style={{ color: color }}
                 className={`${css.bold} ${css.clickable}`}
                 onClick={() => {
-                  commit.onCommitClick!();
+                  commit.onCommitNavigate!();
                 }}
                 onMouseOver={() => setColor("#1f6dc6")}
                 onMouseLeave={() => setColor(commit.commitColor)}

src/helpers/utils.ts

@@ -38,7 +38,7 @@ export function formatCommits(commits: Commit[]): CommitNode[] {
       message: commit.commit.message,
       commitDate: new Date(commit.commit.author.date),
       commitLink: commit.html_url,
-      onCommitClick: commit.onCommitClick,
+      onCommitNavigate: commit.onCommitNavigate,
       commitColor: "",
       x: -1,
       y: -1,
@@ -116,6 +116,6 @@ export function fromCommitNodeToCommit(commit: CommitNode): Commit {
     },
     parents: commit.parents.map(p => ({ sha: p })),
     html_url: commit.commitLink,
-    onCommitClick: commit.onCommitClick,
+    onCommitNavigate: commit.onCommitNavigate,
   };
 }

src/types.ts

@@ -8,7 +8,7 @@ export type Commit = {
   };
   parents: ParentCommit[];
   html_url?: string;
-  onCommitClick?: () => void;
+  onCommitNavigate?: () => void;
 };
 
 export type CommitNode = {
@@ -24,7 +24,7 @@ export type CommitNode = {
   y: number;
   commitColor: string;
   commitLink?: string;
-  onCommitClick?: () => void;
+  onCommitNavigate?: () => void;
 };
 
 export type BranchPathType = {