From 47ac8e63acdcbe150bacc564dd35851b7b2efa50 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Mon, 6 Oct 2025 18:30:56 +0300
Subject: [PATCH] fix: fixed button layout in prompt message and fixed rating
 display in stats in game page

---
 src/renderer/src/components/star-rating/star-rating.tsx     | 6 ++++--
 .../src/pages/game-details/review-prompt-banner.tsx         | 6 +++---
 src/renderer/src/pages/game-details/sidebar/sidebar.tsx     | 5 +++--
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/star-rating/star-rating.tsx b/src/renderer/src/components/star-rating/star-rating.tsx
index cdd04e03..50d08afd 100644
--- a/src/renderer/src/components/star-rating/star-rating.tsx
+++ b/src/renderer/src/components/star-rating/star-rating.tsx
@@ -7,6 +7,7 @@ export interface StarRatingProps {
   size?: number;
   showCalculating?: boolean;
   calculatingText?: string;
+  hideIcon?: boolean;
 }
 
 export function StarRating({
@@ -15,11 +16,12 @@ export function StarRating({
   size = 12,
   showCalculating = false,
   calculatingText = "Calculating",
+  hideIcon = false,
 }: Readonly<StarRatingProps>) {
   if (rating === null && showCalculating) {
     return (
       <div className="star-rating star-rating--calculating">
-        <StarIcon size={size} />
+        {!hideIcon && <StarIcon size={size} />}
         <span className="star-rating__calculating-text">{calculatingText}</span>
       </div>
     );
@@ -28,7 +30,7 @@ export function StarRating({
   if (rating === null || rating === undefined) {
     return (
       <div className="star-rating star-rating--no-rating">
-        <StarIcon size={size} />
+        {!hideIcon && <StarIcon size={size} />}
         <span className="star-rating__no-rating-text">…</span>
       </div>
     );
diff --git a/src/renderer/src/pages/game-details/review-prompt-banner.tsx b/src/renderer/src/pages/game-details/review-prompt-banner.tsx
index 01fdd075..053c97e8 100644
--- a/src/renderer/src/pages/game-details/review-prompt-banner.tsx
+++ b/src/renderer/src/pages/game-details/review-prompt-banner.tsx
@@ -25,12 +25,12 @@ export function ReviewPromptBanner({
           </span>
         </div>
         <div className="review-prompt-banner__actions">
-          <Button theme="primary" onClick={onYesClick}>
-            {t("yes")}
-          </Button>
           <Button theme="outline" onClick={onLaterClick}>
             {t("maybe_later")}
           </Button>
+          <Button theme="primary" onClick={onYesClick}>
+            {t("yes")}
+          </Button>
         </div>
       </div>
     </div>
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
index febb6a8b..33009508 100755
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
@@ -233,10 +233,11 @@ export function Sidebar() {
                 {t("rating_count")}
               </p>
               <StarRating
-                rating={stats?.averageScore || 0}
+                rating={stats?.averageScore === 0 ? null : stats?.averageScore ?? null}
                 size={16}
-                showCalculating={!!(stats && stats.averageScore === null)}
+                showCalculating={!!(stats && (stats.averageScore === null || stats.averageScore === 0))}
                 calculatingText={t("calculating", { ns: "game_card" })}
+                hideIcon={true}
               />
             </div>
           </div>