сhore: add link to pr

Author: americano98

packages/ui/src/views/repo/repo-commits/components/commits-list.tsx

@@ -1,16 +1,19 @@
 import { FC, useMemo } from 'react'
+import { Link } from 'react-router-dom'
 
-import { Avatar, AvatarFallback, CommitCopyActions, NodeGroup, StackedList } from '@/components'
+import { Avatar, AvatarFallback, CommitCopyActions, NodeGroup, StackedList, StyledLink } from '@/components'
 import { formatDate, getInitials } from '@/utils/utils'
 import { TypesCommit } from '@/views'
 
 type CommitsGroupedByDate = Record<string, TypesCommit[]>
 
 interface CommitProps {
   data?: TypesCommit[]
+  useRepoBranchesStore: () => { spaceId: string; repoId: string }
 }
 
-export const CommitsList: FC<CommitProps> = ({ data }) => {
+export const CommitsList: FC<CommitProps> = ({ data, useRepoBranchesStore }) => {
+  const { spaceId, repoId } = useRepoBranchesStore()
   const entries = useMemo(() => {
     const commitsGroupedByDate = !data
       ? {}
@@ -46,7 +49,27 @@ export const CommitsList: FC<CommitProps> = ({ data }) => {
                       <StackedList.Field
                         title={
                           <div className="flex flex-col gap-y-1.5">
-                            <span className="truncate text-16 font-medium leading-snug">{commit.title}</span>
+                            <span className="truncate text-16 font-medium leading-snug">
+                              {(() => {
+                                const match = commit?.title?.match(/\s*\(#(\d+)\)$/)
+                                if (!match) return commit?.title
+
+                                const [fullMatch, prNumber] = match
+                                const titleWithoutPR = commit?.title?.slice(0, -fullMatch.length)
+
+                                if (!prNumber) return commit?.title
+
+                                return (
+                                  <>
+                                    {titleWithoutPR} (
+                                    <StyledLink to={`/${spaceId}/repos/${repoId}/pulls/${prNumber}`}>
+                                      #{prNumber}
+                                    </StyledLink>
+                                    )
+                                  </>
+                                )
+                              })()}
+                            </span>
                             <div className="flex items-center gap-x-1.5">
                               {authorName && (
                                 <Avatar className="size-[18px]">

packages/ui/src/views/repo/repo-commits/repo-commits-view.tsx

@@ -124,7 +124,7 @@ export const RepoCommitsView: FC<RepoCommitsViewProps> = ({
               />
             ) : (
               <>
-                <CommitsList data={commitsList} />
+                <CommitsList data={commitsList} useRepoBranchesStore={useRepoBranchesStore} />
                 <PaginationComponent
                   className="pl-[26px]"
                   nextPage={xNextPage}