From b28d34cf661e670d0e9770afaac0565172cdf8c0 Mon Sep 17 00:00:00 2001
From: Chubby Granny Chaser <hydralauncher@proton.me>
Date: Fri, 20 Dec 2024 22:14:58 +0000
Subject: [PATCH] feat: increasing number of results

---
 src/main/events/catalogue/search-games.ts                      | 2 +-
 .../src/components/checkbox-field/checkbox-field.css.ts        | 3 +++
 src/renderer/src/pages/catalogue/catalogue.scss                | 1 +
 src/renderer/src/pages/catalogue/catalogue.tsx                 | 2 +-
 src/renderer/src/pages/catalogue/filter-section.tsx            | 2 +-
 5 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main/events/catalogue/search-games.ts b/src/main/events/catalogue/search-games.ts
index dd010ae6e..40b3b033c 100644
--- a/src/main/events/catalogue/search-games.ts
+++ b/src/main/events/catalogue/search-games.ts
@@ -8,7 +8,7 @@ const searchGames = async (
 ) => {
   return HydraApi.post(
     "/catalogue/search",
-    { ...payload, take: 12, skip: 0 },
+    { ...payload, take: 24, skip: 0 },
     { needsAuth: false }
   );
 };
diff --git a/src/renderer/src/components/checkbox-field/checkbox-field.css.ts b/src/renderer/src/components/checkbox-field/checkbox-field.css.ts
index b4d3afc8d..ce7aead84 100644
--- a/src/renderer/src/components/checkbox-field/checkbox-field.css.ts
+++ b/src/renderer/src/components/checkbox-field/checkbox-field.css.ts
@@ -51,4 +51,7 @@ export const checkboxInput = style({
 
 export const checkboxLabel = style({
   cursor: "pointer",
+  textOverflow: "ellipsis",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
 });
diff --git a/src/renderer/src/pages/catalogue/catalogue.scss b/src/renderer/src/pages/catalogue/catalogue.scss
index ecf99931a..902cdcd81 100644
--- a/src/renderer/src/pages/catalogue/catalogue.scss
+++ b/src/renderer/src/pages/catalogue/catalogue.scss
@@ -100,6 +100,7 @@
     border-radius: 4px;
     padding: 16px;
     border: 1px solid globals.$border-color;
+    align-self: flex-start;
   }
 
   &__ai-recommendations-button-text {
diff --git a/src/renderer/src/pages/catalogue/catalogue.tsx b/src/renderer/src/pages/catalogue/catalogue.tsx
index 9bbcd3586..62bb3f790 100644
--- a/src/renderer/src/pages/catalogue/catalogue.tsx
+++ b/src/renderer/src/pages/catalogue/catalogue.tsx
@@ -404,7 +404,7 @@ export default function Catalogue() {
                 }
               }}
               items={downloadSources.map((downloadSource) => ({
-                label: `${downloadSource.name} (${downloadSource.objectIds.length})`,
+                label: downloadSource.name,
                 value: downloadSource.fingerprint,
                 checked: filters.downloadSourceFingerprints.includes(
                   downloadSource.fingerprint
diff --git a/src/renderer/src/pages/catalogue/filter-section.tsx b/src/renderer/src/pages/catalogue/filter-section.tsx
index ea1b7224b..976b92c76 100644
--- a/src/renderer/src/pages/catalogue/filter-section.tsx
+++ b/src/renderer/src/pages/catalogue/filter-section.tsx
@@ -75,7 +75,7 @@ export function FilterSection<T extends string | number>({
 
       <List
         data={filteredItems}
-        height={28 * 10}
+        height={28 * (filteredItems.length > 10 ? 10 : filteredItems.length)}
         itemHeight={28}
         itemKey="value"
         styles={{