fix: [code-2088]: fix bugs on pr panel (#2190)

* fix: [code-2088]: fix bugs on pr panel

web/src/components/Changes/Changes.tsx

@@ -587,6 +587,16 @@ const ChangesInternal: React.FC<ChangesProps> = ({
             </Container>
           </Case>
         </Match>
+        {diffs === undefined && (
+          <Container padding="xlarge">
+            <NoResultCard
+              showWhen={() => diffs === undefined && !loadingRawDiff && !loading}
+              forSearch={true}
+              title={emptyTitle}
+              emptySearchMessage={emptyMessage}
+            />
+          </Container>
+        )}
       </Render>
     </Container>
   )

web/src/images/index.ts

@@ -30,6 +30,7 @@ import GitLogo from 'images/gitLogo.png'
 import HarnessDarkLogo from 'images/logo-dark.png'
 import MergeStrat from 'images/mergeStrat.png'
 import MergeRebase from 'images/mergeRebase.png'
+import PrEmptyChangesState from 'images/prEmptyChanges.png'
 
 export const Images = {
   HarnessDarkLogo,
@@ -47,5 +48,6 @@ export const Images = {
   Subtract,
   EmptySpace,
   MergeStrat,
-  MergeRebase
+  MergeRebase,
+  PrEmptyChangesState
 }

web/src/pages/PullRequest/Conversation/PullRequestActionsBox/PullRequestActionsBox.tsx

@@ -235,7 +235,7 @@ export const PullRequestActionsBox: React.FC<PullRequestActionsBoxProps> = ({
         messageString += `* ${commit.message}\n`
         messageTitle =
           mergeOption.method === MergeStrategy.SQUASH
-            ? `${commit.title} (#${pullReqMetadata?.number})`
+            ? `${pullReqMetadata?.title} (#${pullReqMetadata?.number})`
             : `Merge branch ${pullReqMetadata?.source_branch} of ${repoMetadata?.path} (#${pullReqMetadata?.number})`
       })
     }

web/src/pages/PullRequest/Conversation/PullRequestOverviewPanel/sections/ChangesSection.tsx

@@ -562,7 +562,7 @@ const ChangesSection = (props: ChangesSectionProps) => {
               </Layout.Horizontal>
             </Container>
           )}
-          {!isEmpty(codeOwners) && (
+          {!isEmpty(codeOwners) && !isEmpty(codeOwners.evaluation_entries) && (
             <Container className={css.borderContainer} padding={{ left: 'xlarge', right: 'small' }}>
               <Layout.Horizontal className={css.paddingContainer} flex={{ justifyContent: 'space-between' }}>
                 {codeOwnerChangeReqEntries && codeOwnerChangeReqEntries?.length > 0 ? (