Add match percent to search list (#1412)

decompme · Jan 22, 2025 · c3f4c4a · c3f4c4a
1 parent c364a68
commit c3f4c4a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/frontend/src/components/Nav/Search.tsx b/frontend/src/components/Nav/Search.tsx
@@ -16,6 +16,8 @@ import PlatformLink from "../PlatformLink";
 import AnonymousFrogAvatar from "../user/AnonymousFrog";
 import verticalMenuStyles from "../VerticalMenu.module.scss"; // eslint-disable-line css-modules/no-unused-class
 
+import { getMatchPercentString } from "../ScratchList";
+
 import styles from "./Search.module.scss";
 
 function MountedSearch({ className }: { className?: string }) {
@@ -165,6 +167,9 @@ function MountedSearch({ className }: { className?: string }) {
                                     <span className={styles.itemName}>
                                         {scratch.name}
                                     </span>
+                                    <span>
+                                        {getMatchPercentString(scratch)}
+                                    </span>
                                     {scratch.owner &&
                                         (!api.isAnonUser(scratch.owner) ? (
                                             userAvatarUrl(scratch.owner) && (

diff --git a/frontend/src/components/ScratchList.tsx b/frontend/src/components/ScratchList.tsx
@@ -90,6 +90,9 @@ export default function ScratchList({
 }
 
 export function getMatchPercentString(scratch: api.TerseScratch) {
+    if (scratch.score === -1) {
+        return "0%";
+    }
     if (scratch.match_override) {
         return "100%";
     }