feat: ea and cs

src/hooks/useAppliedEquipments.ts

@@ -0,0 +1,10 @@
+import { EquipmentPreset } from '../core/blitzkrieg/equipmentDefinitions';
+import { EquipmentMatrix } from '../stores/tankopedia';
+
+export function useAppliedEquipments(
+  matrix: EquipmentMatrix,
+  preset: EquipmentPreset,
+) {
+  const flatMatrix = matrix.flat();
+  return preset.flat().map((options, index) => options[flatMatrix[index]]);
+}

src/hooks/useAwait.ts

@@ -0,0 +1,8 @@
+import usePromise from 'react-promise-suspense';
+
+/**
+ * A more stable alternative to `use` using `usePromise`.
+ */
+export function useAwait<Type>(promise: Promise<Type>) {
+  return usePromise(async () => await promise, []);
+}

src/hooks/useEquipmentPreset.ts

@@ -0,0 +1,8 @@
+import { equipmentDefinitions } from '../core/blitzkrieg/equipmentDefinitions';
+import { useAwait } from './useAwait';
+
+export function useEquipmentPreset(preset: string) {
+  const awaitedEquipmentDefinitions = useAwait(equipmentDefinitions);
+  console.log(awaitedEquipmentDefinitions);
+  return awaitedEquipmentDefinitions.presets[preset];
+}

src/hooks/useModelDefinitions.ts

@@ -1,6 +1,6 @@
-import usePromise from 'react-promise-suspense';
 import { modelDefinitions } from '../core/blitzkrieg/modelDefinitions';
+import { useAwait } from './useAwait';
 
 export function useModelDefinitions() {
-  return usePromise(async () => await modelDefinitions, []);
+  return useAwait(modelDefinitions);
 }