Fixed bug in review score rendering (#949)

* Fixed bug in review score rendering * chore(frontend): use `null` in place of `undefined` --------- Co-authored-by: Diptesh Choudhuri <[email protected]>
IgnisDa · Aug 9, 2024 · ce75b95 · ce75b95
1 parent 2d4da19
commit ce75b95
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/apps/frontend/app/components/media.tsx b/apps/frontend/app/components/media.tsx
@@ -601,14 +601,11 @@ export const MetadataDisplayItem = (props: {
 					<Group gap={4}>
 						<IconStarFilled size={12} style={{ color: "#EBE600FF" }} />
 						<Text c="white" size="xs" fw="bold" pr={4}>
-							{match(userPreferences.general.reviewScale)
-								.with(UserReviewScale.OutOfFive, () =>
-									Number.parseFloat(averageRating.toString()).toFixed(1),
-								)
-								.with(UserReviewScale.OutOfHundred, () => averageRating)
-								.exhaustive()}
+							{Number(averageRating) % 1 === 0
+								? Math.round(Number(averageRating)).toString()
+								: Number(averageRating).toFixed(1)}
 							{userPreferences.general.reviewScale === UserReviewScale.OutOfFive
-								? undefined
+								? null
 								: " %"}
 						</Text>
 					</Group>