feat: recently veiwed tanks

packages/website/src/pages/index.astro

@@ -34,7 +34,7 @@ const testTanks = tanks
 const mostPlayedTanks = tankAverages
   .sort((a, b) => b.samples.d_1 - a.samples.d_1)
   .map(({ id }) => tankDefinitions.tanks[id])
-  .filter(Boolean);
+  .filter((tank) => tank !== undefined && !tank.testing);
 const popularTanks = [...testTanks, ...mostPlayedTanks].slice(0, 8);
 ---
 

packages/website/src/pages/tools/compare/_index.tsx

@@ -18,6 +18,7 @@ import { tankToCompareMember } from '../../../core/blitzkit/tankToCompareMember'
 import { App } from '../../../stores/app';
 import { CompareEphemeral } from '../../../stores/compareEphemeral';
 import { ComparePersistent } from '../../../stores/comparePersistent';
+import { TankopediaPersistent } from '../../../stores/tankopediaPersistent';
 
 const modelDefinitions = await fetchModelDefinitions();
 const equipmentDefinitions = await fetchEquipmentDefinitions();
@@ -28,11 +29,15 @@ const tankDefinitions = await fetchTankDefinitions();
 export function Page() {
   return (
     <App.Provider>
-      <ComparePersistent.Provider>
-        <CompareEphemeral.Provider data={createDefaultSkills(skillDefinitions)}>
-          <Content />
-        </CompareEphemeral.Provider>
-      </ComparePersistent.Provider>
+      <TankopediaPersistent.Provider>
+        <ComparePersistent.Provider>
+          <CompareEphemeral.Provider
+            data={createDefaultSkills(skillDefinitions)}
+          >
+            <Content />
+          </CompareEphemeral.Provider>
+        </ComparePersistent.Provider>
+      </TankopediaPersistent.Provider>
     </App.Provider>
   );
 }

packages/website/src/pages/tools/tankopedia/_index.tsx

@@ -1,13 +1,16 @@
 import { PageWrapper } from '../../../components/PageWrapper';
 import { TankSearch } from '../../../components/TankSearch';
 import { App } from '../../../stores/app';
+import { TankopediaPersistent } from '../../../stores/tankopediaPersistent';
 
 export function Page() {
   return (
     <PageWrapper color="purple" size={1028}>
-      <App.Provider>
-        <TankSearch />
-      </App.Provider>
+      <TankopediaPersistent.Provider>
+        <App.Provider>
+          <TankSearch />
+        </App.Provider>
+      </TankopediaPersistent.Provider>
     </PageWrapper>
   );
 }

packages/website/src/pages/tools/tankopedia/index.astro

@@ -5,5 +5,7 @@ import { Page } from './_index';
 ---
 
 <ToolLayout tool={tankopediaTool}>
-  <Page client:load />
+  <Page client:only="react">
+    <Page slot="fallback" />
+  </Page>
 </ToolLayout>