Hide Request Review button if no related APIs (#12745)

* hide the request button if no associated prs

Updated namespace review state logic to include additional conditions for approval and associated API revisions.

* fix format

* Update src/dotnet/APIView/ClientSPA/src/app/_components/review-page-options/review-page-options.component.ts

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: Copilot <[email protected]>

Author: helen229

src/dotnet/APIView/ClientSPA/src/app/_components/review-page-options/review-page-options.component.ts

@@ -181,6 +181,7 @@ export class ReviewPageOptionsComponent implements OnInit, OnChanges {
       this.isCopilotReviewSupported = this.isCopilotReviewSupportedForPackage();
       this.setAPIRevisionApprovalStates();
       this.setPullRequestsInfo();
+      this.setNamespaceReviewStates();
       if (this.activeAPIRevision?.copilotReviewInProgress) {
         this.aiReviewGenerationState = 'InProgress';
         this.generateAIReviewButtonText = 'Generating review...';
@@ -197,7 +198,6 @@ export class ReviewPageOptionsComponent implements OnInit, OnChanges {
     if (changes['review'] && changes['review'].currentValue != undefined) {
       this.setSubscribeSwitch();
       this.setReviewApprovalStatus();
-      this.setNamespaceReviewStates();
       this.updateDiffStyle();
 
       // Reset loading state when review data is updated (indicating the request completed)
@@ -421,9 +421,12 @@ export class ReviewPageOptionsComponent implements OnInit, OnChanges {
   }
 
   setNamespaceReviewStates() {
-    // Only show namespace review request for TypeSpec language AND if feature is enabled
-    this.canRequestNamespaceReview = this.review?.language === 'TypeSpec' && this.namespaceReviewEnabled;
-    console.log("Namespace review request can be made:",  this.namespaceReviewEnabled);
+    // Show namespace review section for TypeSpec language when feature is enabled
+    // and there are associated API revisions (SDK language reviews)
+    // Display different states: approved, requested, or available to request
+    this.canRequestNamespaceReview = this.review?.language === 'TypeSpec' &&
+                                      this.namespaceReviewEnabled &&
+                                      this.pullRequestsOfAssociatedAPIRevisions.length > 0;
     // Always keep the button available for requesting namespace review
     this.isNamespaceReviewRequested = false;
 
@@ -445,11 +448,15 @@ export class ReviewPageOptionsComponent implements OnInit, OnChanges {
 
       this.pullRequestService.getPullRequestsOfAssociatedAPIRevisions(this.activeAPIRevision.reviewId, this.activeAPIRevision.id).pipe(take(1)).subscribe({
         next: (response: PullRequestModel[]) => {
+          // Clear the array first to avoid duplicates
+          this.pullRequestsOfAssociatedAPIRevisions = [];
           for (const pr of response) {
             if (pr.reviewId != this.activeAPIRevision?.reviewId) {
               this.pullRequestsOfAssociatedAPIRevisions.push(pr);
             }
           }
+          // Re-evaluate namespace review states after associated reviews are loaded
+          this.setNamespaceReviewStates();
         }
       });
     }
@@ -704,7 +711,7 @@ export class ReviewPageOptionsComponent implements OnInit, OnChanges {
     const isJavaScript = this.review.language == "JavaScript";
 
     const isTypeSpec = this.review.language === "TypeSpec";
-    
+
     return !(isAzureRestPackage && isJavaScript) && !isTypeSpec;
   }
 }