fix: hide crew mastery

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/index.tsx

@@ -41,7 +41,6 @@ export function Characteristics() {
   const crewSkills = TankopediaEphemeral.use((state) => state.skills);
   const penetrationDistanceInput = useRef<HTMLInputElement>(null);
   const hasImprovedVentilation = useEquipment(102);
-  const crewMastery = Duel.use((state) => state.protagonist.crewMastery);
   const [penetrationDistance, setPenetrationDistance] = useState(250);
   const setPenetrationDistanceDebounced = debounce((value: number) => {
     setPenetrationDistance(value);
@@ -56,7 +55,7 @@ export function Characteristics() {
           : total,
       0,
     ) + (hasImprovedVentilation ? 0.08 : 0);
-  const commanderMastery = crewMastery + provisionCrewBonus;
+  const commanderMastery = 1 + provisionCrewBonus;
   const consumables = Duel.use((state) => state.protagonist.consumables);
   const camouflage = Duel.use((state) => state.protagonist.camouflage);
   const equipmentMatrix = Duel.use(
@@ -78,7 +77,6 @@ export function Characteristics() {
       tank,
       camouflage,
       consumables,
-      crewMastery,
       crewSkills,
       engine,
       equipmentMatrix,

packages/website/src/components/Tankopedia/CharacteristicsSection/components/Miscellaneous.tsx

@@ -1,7 +1,5 @@
-import { asset, TankType } from '@blitzkit/core';
-import { Flex, Heading, Slider, TextField } from '@radix-ui/themes';
-import { clamp, debounce } from 'lodash-es';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { asset } from '@blitzkit/core';
+import { Flex, Heading } from '@radix-ui/themes';
 import { Duel } from '../../../../stores/duel';
 import { GenericTankComponentButton } from '../../../ModuleButtons/GenericTankComponentButton';
 import { ConfigurationChildWrapper } from './ConfigurationChildWrapper';
@@ -12,27 +10,8 @@ export function Miscellaneous() {
   const cooldownBooster = Duel.use(
     (state) => state.protagonist.cooldownBooster,
   );
-  const crewMastery = Duel.use((state) => state.protagonist.crewMastery);
-  const crewInput = useRef<HTMLInputElement>(null);
-  const [crewMasteryDraft, setCrewMasteryDraft] = useState(crewMastery);
   const { tank } = Duel.use((state) => state.protagonist);
 
-  const debouncedApplyDraft = useMemo(
-    () =>
-      debounce((value) => {
-        mutateDuel((draft) => {
-          draft.protagonist.crewMastery = value;
-        });
-      }, 500),
-    [],
-  );
-
-  useEffect(() => {
-    setCrewMasteryDraft(crewMastery);
-    if (!crewInput.current) return;
-    crewInput.current.value = `${Math.round(crewMastery * 100)}`;
-  }, [crewMastery]);
-
   return (
     <ConfigurationChildWrapper>
       <Heading size="4">Miscellaneous</Heading>
@@ -77,53 +56,6 @@ export function Miscellaneous() {
             });
           }}
         />
-
-        {tank.type === TankType.RESEARCHABLE && (
-          <Flex
-            align="center"
-            direction="column"
-            gap="1"
-            justify="end"
-            style={{ width: 120 }}
-          >
-            <TextField.Root
-              ref={crewInput}
-              defaultValue={Math.round(crewMastery * 100)}
-              style={{ textAlign: 'right' }}
-              onBlur={() => {
-                const newValue = Number(crewInput.current!.value) / 100;
-
-                if (isNaN(newValue)) {
-                  crewInput.current!.value = `${Math.round(crewMastery * 100)}`;
-                  return;
-                }
-
-                mutateDuel((draft) => {
-                  draft.protagonist.crewMastery = clamp(newValue / 100, 0.5, 1);
-                });
-              }}
-              onKeyUp={(event) => {
-                if (event.key === 'Enter') {
-                  crewInput.current?.blur();
-                }
-              }}
-            >
-              <TextField.Slot>Crew</TextField.Slot>
-              <TextField.Slot>%</TextField.Slot>
-            </TextField.Root>
-
-            <Slider
-              min={50}
-              max={100}
-              value={[crewMasteryDraft * 100]}
-              style={{ width: '100%' }}
-              onValueChange={([value]) => {
-                setCrewMasteryDraft(value / 100);
-                debouncedApplyDraft(value / 100);
-              }}
-            />
-          </Flex>
-        )}
       </Flex>
     </ConfigurationChildWrapper>
   );