fix: hide recetns on sort

packages/website/src/components/TankSearch/components/RecentlyViewed.tsx

@@ -2,8 +2,10 @@ import { fetchTankDefinitions } from '@blitzkit/core';
 import { useStore } from '@nanostores/react';
 import { Flex, Separator, Text } from '@radix-ui/themes';
 import { isEqual } from 'lodash-es';
+import { useMemo } from 'react';
 import { $tankFilters, initialTankFilters } from '../../../stores/tankFilters';
 import { TankopediaPersistent } from '../../../stores/tankopediaPersistent';
+import { $tankopediaSort } from '../../../stores/tankopediaSort';
 import { TankCard } from './TankCard';
 import { TankCardWrapper } from './TankCardWrapper';
 
@@ -14,16 +16,19 @@ export function RecentlyViewed() {
   const filters = useStore($tankFilters);
   // non-reactive because it is a little weird that it updates instantly even before the page loads
   const recentlyViewed = tankopediaPersistentStore.getState().recentlyViewed;
+  const sort = useStore($tankopediaSort);
+  const hasFilters = useMemo(
+    () =>
+      Object.entries(filters).some(([key, value]) => {
+        return !isEqual(
+          value,
+          initialTankFilters[key as keyof typeof initialTankFilters],
+        );
+      }),
+    [filters],
+  );
 
-  if (
+  if (recentlyViewed.length === 0 || sort.by !== 'meta.none' || hasFilters) {
-    recentlyViewed.length === 0 ||
-    Object.entries(filters).some(([key, value]) => {
-      return !isEqual(
-        value,
-        initialTankFilters[key as keyof typeof initialTankFilters],
-      );
-    })
-  ) {
     return null;
   }