feat: tank search result coubt

public/assets/versions.json

@@ -1 +1 @@
-["1.10.0","1.10.1","1.10.2","1.11.0","1.12.0","1.12.1","1.12.2","1.12.3","1.12.4","1.12.5","1.12.6","1.12.7","1.12.8","1.12.9","1.13.0","1.13.1","1.13.2","1.13.3","1.14.0","1.14.1","1.14.2","1.14.3","1.14.4","1.15.0","1.15.1","1.15.10","1.15.11","1.15.12","1.15.13","1.15.2","1.15.3","1.15.4","1.15.5","1.15.6","1.15.7","1.15.8","1.15.9","1.16.0","1.16.1","1.16.2","1.16.3","1.16.4","1.17.0","1.17.1","1.17.2","1.18.0","1.18.1","1.18.2","1.18.3","1.19.0","1.19.1","1.19.2","1.19.3","1.19.4","1.19.5","1.19.6","1.20.0","1.20.1","1.20.2","1.20.3","1.20.4","1.20.5","1.21.0","1.21.1","1.3.0","1.3.1","1.3.2","1.3.3","1.4.0","1.4.1","1.5.0","1.5.1","1.5.2","1.5.3","1.5.4","1.6.0","1.7.0","1.7.1","1.7.2","1.7.3-1.7.4","1.7.5","1.7.6","1.7.7","1.8.0","1.8.1","1.9.0","1.9.1","1.9.2","1.9.3","1.9.4","1.9.5"]
+["1.10.0","1.10.1","1.10.2","1.11.0","1.12.0","1.12.1","1.12.2","1.12.3","1.12.4","1.12.5","1.12.6","1.12.7","1.12.8","1.12.9","1.13.0","1.13.1","1.13.2","1.13.3","1.14.0","1.14.1","1.14.2","1.14.3","1.14.4","1.15.0","1.15.1","1.15.10","1.15.11","1.15.12","1.15.13","1.15.2","1.15.3","1.15.4","1.15.5","1.15.6","1.15.7","1.15.8","1.15.9","1.16.0","1.16.1","1.16.2","1.16.3","1.16.4","1.17.0","1.17.1","1.17.2","1.18.0","1.18.1","1.18.2","1.18.3","1.19.0","1.19.1","1.19.2","1.19.3","1.19.4","1.19.5","1.19.6","1.20.0","1.20.1","1.20.2","1.20.3","1.20.4","1.20.5","1.21.0","1.21.1","1.21.2","1.3.0","1.3.1","1.3.2","1.3.3","1.4.0","1.4.1","1.5.0","1.5.1","1.5.2","1.5.3","1.5.4","1.6.0","1.7.0","1.7.1","1.7.2","1.7.3-1.7.4","1.7.5","1.7.6","1.7.7","1.8.0","1.8.1","1.9.0","1.9.1","1.9.2","1.9.3","1.9.4","1.9.5"]

src/app/tools/tankopedia/components/TankSearch/index.tsx

@@ -399,23 +399,18 @@ export const TankSearch = memo<TankSearchProps>(
           <FilterControl compact={compact} />
         )}
 
-        {(sort.by !== 'meta.none' || onSelectAll) && (
+        <Flex
-          <Flex
+          py="2"
-            py="2"
+          mt="2"
-            mt="2"
+          gap="1"
-            direction="column"
+          align="center"
-            align="center"
+          justify="center"
-            justify="center"
+          direction="column"
-          >
+        >
-            {sort.by !== 'meta.none' && (
+          <Flex gap="2">
-              <Text color="gray">
+            <Text color="gray">
-                Sorting by {SORT_NAMES[sort.by]}
+              {tanksFiltered.length} tank{tanksFiltered.length === 1 ? '' : 's'}
-                {SORT_UNITS[sort.by] === undefined
+            </Text>
-                  ? ''
-                  : ` (${SORT_UNITS[sort.by]})`}
-                , {sort.direction}
-              </Text>
-            )}
 
             {onSelectAll && (
               <Link
@@ -423,11 +418,21 @@ export const TankSearch = memo<TankSearchProps>(
                 href="#"
                 onClick={() => onSelectAll(tanksFiltered)}
               >
-                Select all {tanksFiltered.length} tanks
+                Select all
               </Link>
             )}
           </Flex>
-        )}
+
+          {sort.by !== 'meta.none' && (
+            <Text color="gray">
+              Sorting by {SORT_NAMES[sort.by]}
+              {SORT_UNITS[sort.by] === undefined
+                ? ''
+                : ` (${SORT_UNITS[sort.by]})`}
+              , {sort.direction}
+            </Text>
+          )}
+        </Flex>
 
         {filters.testing === 'only' && (
           <Flex justify="center" mt="4">