feat: safe sort

src/stores/tankPerformanceSort.ts

@@ -1,41 +0,0 @@
-import { produce } from 'immer';
-import { create } from 'zustand';
-
-export const tankPerformanceSortTypeNames = {
-  winrate: 'Winrate',
-  players: 'Players (30d)',
-  battles: 'Battles (career)',
-  damage: 'Damage',
-  survival: 'Survival',
-  xp: 'XP',
-  kills: 'Kills',
-  spots: 'Spots',
-  accuracy: 'Accuracy',
-  shots: 'Shots',
-  hits: 'Hits',
-  damageRatio: 'Dmg. ratio',
-  damageTaken: 'Dmg. taken',
-  capturePoints: 'Cap points',
-} as const;
-
-export const tankPerformanceSortTypeNamesArray = Object.keys(
-  tankPerformanceSortTypeNames,
-) as TankPerformanceSortType[];
-
-type TankPerformanceSortType = keyof typeof tankPerformanceSortTypeNames;
-
-export interface TankPerformanceSort {
-  type: TankPerformanceSortType;
-  direction: -1 | 1;
-}
-
-export const useTankPerformanceSort = create<TankPerformanceSort>()(() => ({
-  type: 'winrate',
-  direction: -1,
-}));
-
-export function mutateTankPerformanceSort(
-  recipe: (draft: TankPerformanceSort) => void,
-) {
-  useTankPerformanceSort.setState(produce(recipe));
-}

src/stores/tankPerformanceSort/constants.ts

@@ -0,0 +1,21 @@
+import { TankPerformanceSortType } from '.';
+
+export const tankPerformanceSortTypeNames = {
+  winrate: 'Winrate',
+  players: 'Players (30d)',
+  battles: 'Battles (career)',
+  damage: 'Damage',
+  survival: 'Survival',
+  xp: 'XP',
+  kills: 'Kills',
+  spots: 'Spots',
+  accuracy: 'Accuracy',
+  shots: 'Shots',
+  hits: 'Hits',
+  damageRatio: 'Dmg. ratio',
+  damageTaken: 'Dmg. taken',
+  capturePoints: 'Cap points',
+} as const;
+export const tankPerformanceSortTypeNamesArray = Object.keys(
+  tankPerformanceSortTypeNames,
+) as TankPerformanceSortType[];

src/stores/tankPerformanceSort/index.ts

@@ -0,0 +1,17 @@
+'use client';
+
+import { createNextSafeStore } from '../../core/zustand/createNextSafeStore';
+import { tankPerformanceSortTypeNames } from './constants';
+
+export type TankPerformanceSortType = keyof typeof tankPerformanceSortTypeNames;
+
+export interface TankPerformanceSort {
+  type: TankPerformanceSortType;
+  direction: -1 | 1;
+}
+
+export const { Provider, use, useMutation, useStore } =
+  createNextSafeStore<TankPerformanceSort>({
+    type: 'winrate',
+    direction: -1,
+  });