feat: search page

packages/website/src/components/ModuleButtons/ConsumableButton.tsx

@@ -1,7 +1,6 @@
 import { asset, consumableDefinitions } from '@blitzkit/core';
 import { ClockIcon, ReloadIcon } from '@radix-ui/react-icons';
 import { Flex, Text } from '@radix-ui/themes';
-import { use } from 'react';
 import { useDelta } from '../../../../website-legacy/src/hooks/useDelta';
 import { GenericTankComponentButton } from './GenericTankComponentButton';
 import { TankComponentButtonProps } from './TankComponentButton';
@@ -12,13 +11,14 @@ interface ConsumableButtonProps extends TankComponentButtonProps {
   cooldown?: number;
 }
 
+const awaitedConsumableDefinitions = await consumableDefinitions;
+
 export function ConsumableButton({
   consumable,
   cooldown,
   duration,
   ...props
 }: ConsumableButtonProps) {
-  const awaitedConsumableDefinitions = use(consumableDefinitions);
   const cooldownDelta = useDelta(cooldown ?? 0);
   const durationDelta = useDelta(duration ?? 0);
 

packages/website/src/components/ModuleButtons/EquipmentButton.tsx

@@ -1,5 +1,4 @@
 import { asset, equipmentDefinitions } from '@blitzkit/core';
-import { use } from 'react';
 import { GenericTankComponentButton } from './GenericTankComponentButton';
 import { TankComponentButtonProps } from './TankComponentButton';
 
@@ -7,9 +6,9 @@ interface EquipmentButtonProps extends TankComponentButtonProps {
   equipment: number;
 }
 
-export function EquipmentButton({ equipment, ...props }: EquipmentButtonProps) {
-  const awaitedEquipmentDefinitions = use(equipmentDefinitions);
+const awaitedEquipmentDefinitions = await equipmentDefinitions;
 
+export function EquipmentButton({ equipment, ...props }: EquipmentButtonProps) {
   return (
     <GenericTankComponentButton
       tooltip={awaitedEquipmentDefinitions.equipments[equipment].name}

packages/website/src/components/ModuleButtons/GenericTankComponentButton.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
 import {
   TankComponentButton,
   TankComponentButtonProps,

packages/website/src/components/ModuleButtons/ProvisionButton.tsx

@@ -1,5 +1,4 @@
 import { asset, provisionDefinitions } from '@blitzkit/core';
-import { use } from 'react';
 import { GenericTankComponentButton } from './GenericTankComponentButton';
 import { TankComponentButtonProps } from './TankComponentButton';
 
@@ -7,9 +6,9 @@ interface ProvisionButtonProps extends TankComponentButtonProps {
   provision: number;
 }
 
-export function ProvisionButton({ provision, ...props }: ProvisionButtonProps) {
-  const awaitedProvisionDefinitions = use(provisionDefinitions);
+const awaitedProvisionDefinitions = await provisionDefinitions;
 
+export function ProvisionButton({ provision, ...props }: ProvisionButtonProps) {
   return (
     <GenericTankComponentButton
       tooltip={awaitedProvisionDefinitions[provision].name}