Ensure review cards show if a critic review

UI/Web/src/app/_single-module/review-card/review-card.component.html

@@ -27,6 +27,9 @@
             {{review.username}}
           }
           {{(isMyReview ? '' : review.username | defaultValue:'')}}
+          @if (review.authority === RatingAuthority.Critic) {
+            ({{t('critic')}})
+          }
         </div>
         @if (review.isExternal){
           <span class="review-score">{{t('rating-percentage', {r: review.score})}}</span>

UI/Web/src/app/_single-module/review-card/review-card.component.ts

@@ -13,15 +13,13 @@ import {UserReview} from "./user-review";
 import {NgbModal} from "@ng-bootstrap/ng-bootstrap";
 import {ReviewCardModalComponent} from "../review-card-modal/review-card-modal.component";
 import {AccountService} from "../../_services/account.service";
-import {
-  ReviewModalCloseEvent,
-  ReviewModalComponent
-} from "../review-modal/review-modal.component";
+import {ReviewModalCloseEvent, ReviewModalComponent} from "../review-modal/review-modal.component";
 import {ReadMoreComponent} from "../../shared/read-more/read-more.component";
 import {DefaultValuePipe} from "../../_pipes/default-value.pipe";
 import {ProviderImagePipe} from "../../_pipes/provider-image.pipe";
 import {TranslocoDirective} from "@jsverse/transloco";
 import {ScrobbleProvider} from "../../_services/scrobbling.service";
+import {RatingAuthority} from "../../_models/rating";
 
 @Component({
   selector: 'app-review-card',
@@ -66,4 +64,6 @@ export class ReviewCardComponent implements OnInit {
       }
     })
   }
+
+  protected readonly RatingAuthority = RatingAuthority;
 }

UI/Web/src/assets/langs/en.json

@@ -93,7 +93,8 @@
         "your-review": "This is your review",
         "external-review": "External Review",
         "local-review": "Local Review",
-        "rating-percentage": "Rating {{r}}%"
+        "rating-percentage": "Rating {{r}}%",
+        "critic": "critic"
     },
 
     "want-to-read": {