Show 30k-9d as rank range when a guest views the quick match page

GreenAsJade · Oct 17, 2024 · 4216b87 · 4216b87
1 parent 946676f
commit 4216b87
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/src/views/Play/QuickMatch.tsx b/src/views/Play/QuickMatch.tsx
@@ -676,23 +676,31 @@ export function QuickMatch(): JSX.Element {
                                 onChange={(ev) => setLowerRankDiff(parseInt(ev.target.value))}
                                 disabled={search_active}
                             >
-                                {[9, 8, 7, 6, 5, 4, 3, 2, 1, 0].map((v) => (
-                                    <option key={v} value={v}>
-                                        {rankString(user.ranking - v)}
-                                    </option>
-                                ))}
+                                {user.anonymous ? (
+                                    <option>{"30k"}</option>
+                                ) : (
+                                    [9, 8, 7, 6, 5, 4, 3, 2, 1, 0].map((v) => (
+                                        <option key={v} value={v}>
+                                            {rankString(user.ranking - v)}
+                                        </option>
+                                    ))
+                                )}
                             </select>
                             {" - "}
                             <select
                                 value={upper_rank_diff}
                                 onChange={(ev) => setUpperRankDiff(parseInt(ev.target.value))}
                                 disabled={search_active}
                             >
-                                {[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((v) => (
-                                    <option key={v} value={v}>
-                                        {rankString(user.ranking + v)}
-                                    </option>
-                                ))}
+                                {user.anonymous ? (
+                                    <option>{"9d"}</option>
+                                ) : (
+                                    [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((v) => (
+                                        <option key={v} value={v}>
+                                            {rankString(user.ranking + v)}
+                                        </option>
+                                    ))
+                                )}
                             </select>
                         </div>
                     </div>