Split Date and Approximate Title

ShokoAnime · Nov 6, 2024 · 38b7fa3 · 38b7fa3
1 parent a903fe9
commit 38b7fa3
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/components/Collection/Tmdb/TopPanel.tsx b/src/components/Collection/Tmdb/TopPanel.tsx
@@ -70,10 +70,21 @@ const TopPanel = (props: Props) => {
           </div>
           <div className="flex items-center gap-x-2">
             <div className="rounded-md bg-panel-text-warning px-2 text-button-primary-text">
-              {(matchRatingCounts.DateMatches ?? 0) + (matchRatingCounts.TitleKindaMatches ?? 0)
-                + (matchRatingCounts.DateAndTitleKindaMatches ?? 0)}
+              {matchRatingCounts.DateMatches ?? 0}
             </div>
-            Date + Approx. Title + Approx. Date & Title (D/~T/~DT)
+            Date (D)
+          </div>
+          <div className="flex items-center gap-x-2">
+            <div className="rounded-md bg-panel-text-warning px-2 text-button-primary-text">
+              {matchRatingCounts.TitleKindaMatches ?? 0}
+            </div>
+            Approx. Title (~T)
+          </div>
+          <div className="flex items-center gap-x-2">
+            <div className="rounded-md bg-panel-text-warning px-2 text-button-primary-text">
+              {matchRatingCounts.DateAndTitleKindaMatches ?? 0}
+            </div>
+            Date & Approx. Title (~DT)
           </div>
           <div className="flex items-center gap-x-2">
             <div className="rounded-md bg-panel-text-primary px-2 text-button-primary-text">