Fix keys on search page

flathub-infra · Feb 8, 2025 · 7950a03 · 7950a03
1 parent 0171b26
commit 7950a03
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 55 deletions.
diff --git a/frontend/src/components/search/SearchFilters.tsx b/frontend/src/components/search/SearchFilters.tsx
@@ -48,16 +48,14 @@ const SearchFilterCategories = ({
       {results.isPending &&
         [...new Array(10)].map((a, i) => {
           return (
-            <>
-              <div key={i} className={"blur-sm flex flex-col gap-2"}>
-                <FilterFacette
-                  label={"Loading..."}
-                  count={0}
-                  checked={false}
-                  onCheckedChange={() => {}}
-                />
-              </div>
-            </>
+            <div key={i} className={"blur-sm flex flex-col gap-2"}>
+              <FilterFacette
+                label={"Loading..."}
+                count={0}
+                checked={false}
+                onCheckedChange={() => {}}
+              />
+            </div>
           )
         })}
 
@@ -126,16 +124,14 @@ const SearchFilterFloss = ({
       {results.isPending &&
         [...new Array(2)].map((a, i) => {
           return (
-            <>
-              <div key={i} className={"blur-sm flex flex-col gap-2"}>
-                <FilterFacette
-                  label={"Loading..."}
-                  count={0}
-                  checked={false}
-                  onCheckedChange={() => {}}
-                />
-              </div>
-            </>
+            <div key={i} className={"blur-sm flex flex-col gap-2"}>
+              <FilterFacette
+                label={"Loading..."}
+                count={0}
+                checked={false}
+                onCheckedChange={() => {}}
+              />
+            </div>
           )
         })}
 
@@ -212,16 +208,14 @@ const SearchFilterVerified = ({
       {results.isPending &&
         [...new Array(2)].map((a, i) => {
           return (
-            <>
-              <div key={i} className={"blur-sm flex flex-col gap-2"}>
-                <FilterFacette
-                  label={"Loading..."}
-                  count={0}
-                  checked={false}
-                  onCheckedChange={() => {}}
-                />
-              </div>
-            </>
+            <div key={i} className={"blur-sm flex flex-col gap-2"}>
+              <FilterFacette
+                label={"Loading..."}
+                count={0}
+                checked={false}
+                onCheckedChange={() => {}}
+              />
+            </div>
           )
         })}
 
@@ -300,16 +294,14 @@ const SearchFilterTypes = ({
       {results.isPending &&
         [...new Array(1)].map((a, i) => {
           return (
-            <>
-              <div key={i} className={"blur-sm flex flex-col gap-2"}>
-                <FilterFacette
-                  label={"Loading..."}
-                  count={0}
-                  checked={false}
-                  onCheckedChange={() => {}}
-                />
-              </div>
-            </>
+            <div key={i} className={"blur-sm flex flex-col gap-2"}>
+              <FilterFacette
+                label={"Loading..."}
+                count={0}
+                checked={false}
+                onCheckedChange={() => {}}
+              />
+            </div>
           )
         })}
 
@@ -369,16 +361,14 @@ const SearchFilterArches = ({
       {results.isPending &&
         [...new Array(2)].map((a, i) => {
           return (
-            <>
-              <div key={i} className={"blur-sm flex flex-col gap-2"}>
-                <FilterFacette
-                  label={"Loading..."}
-                  count={0}
-                  checked={false}
-                  onCheckedChange={() => {}}
-                />
-              </div>
-            </>
+            <div key={i} className={"blur-sm flex flex-col gap-2"}>
+              <FilterFacette
+                label={"Loading..."}
+                count={0}
+                checked={false}
+                onCheckedChange={() => {}}
+              />
+            </div>
           )
         })}
 

diff --git a/frontend/src/components/search/SearchResults.tsx b/frontend/src/components/search/SearchResults.tsx
@@ -24,11 +24,9 @@ export const SearchResults: FunctionComponent<Props> = ({ results }) => {
       {results.isLoading &&
         [...new Array(20)].map((a, i) => {
           return (
-            <>
-              <div key={i} className={"flex flex-col gap-2"}>
-                <ApplicationCardSkeleton />
-              </div>
-            </>
+            <div key={i} className={"flex flex-col gap-2"}>
+              <ApplicationCardSkeleton />
+            </div>
           )
         })}
       {results.isSuccess &&