From 42a50b0551bc7a5b960e25d56f8b4c9cffcf638c Mon Sep 17 00:00:00 2001
From: Amelia <77553571+Fesaa@users.noreply.github.com>
Date: Fri, 25 Apr 2025 23:10:25 +0200
Subject: [PATCH] Only show review in volume details when there is exactly one
 chapter, fix edit/create icon not showing up

---
 .../reviews/reviews.component.ts              |  2 +-
 .../volume-detail.component.html              | 28 ++++++++++---------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/UI/Web/src/app/_single-module/reviews/reviews.component.ts b/UI/Web/src/app/_single-module/reviews/reviews.component.ts
index ef72021a4..9a7ae246c 100644
--- a/UI/Web/src/app/_single-module/reviews/reviews.component.ts
+++ b/UI/Web/src/app/_single-module/reviews/reviews.component.ts
@@ -53,7 +53,7 @@ export class ReviewsComponent {
   iconClasses(): string {
     let classes = 'fa-solid';
     if (this.canEditOrAdd()) {
-      classes += 'fa-' + (this.getUserReviews().length > 0 ? 'pen' : 'plus');
+      classes += ' fa-' + (this.getUserReviews().length > 0 ? 'pen' : 'plus');
     }
     return classes;
   }
diff --git a/UI/Web/src/app/volume-detail/volume-detail.component.html b/UI/Web/src/app/volume-detail/volume-detail.component.html
index bfe75a827..8cbfee5d8 100644
--- a/UI/Web/src/app/volume-detail/volume-detail.component.html
+++ b/UI/Web/src/app/volume-detail/volume-detail.component.html
@@ -191,19 +191,21 @@
             </li>
           }
 
-          <li [ngbNavItem]="TabID.Reviews">
-            <a ngbNavLink>
-              {{t('reviews-tab')}}
-              <span class="badge rounded-pill text-bg-secondary">{{userReviews.length + plusReviews.length}}</span>
-            </a>
-            <ng-template ngbNavContent>
-              @defer (when activeTabId === TabID.Reviews; prefetch on idle) {
-                <app-reviews [userReviews]="userReviews" [plusReviews]="plusReviews"
-                             [series]="series" [volumeId]="volumeId"
-                             reviewLocation="chapter" />
-              }
-            </ng-template>
-          </li>
+          @if (volume.chapters.length === 1) {
+            <li [ngbNavItem]="TabID.Reviews">
+              <a ngbNavLink>
+                {{t('reviews-tab')}}
+                <span class="badge rounded-pill text-bg-secondary">{{userReviews.length + plusReviews.length}}</span>
+              </a>
+              <ng-template ngbNavContent>
+                @defer (when activeTabId === TabID.Reviews; prefetch on idle) {
+                  <app-reviews [userReviews]="userReviews" [plusReviews]="plusReviews"
+                               [series]="series" [volumeId]="volumeId" [chapter]="volume.chapters[0]"
+                               reviewLocation="chapter" />
+                }
+              </ng-template>
+            </li>
+          }
 
           <li [ngbNavItem]="TabID.Details" id="details-tab">
             <a ngbNavLink>{{t('details-tab')}}</a>