UNKNOWN ability

app/components/Ability.tsx

@@ -1,4 +1,4 @@
-import type { Ability as AbilityType } from "~/modules/in-game-lists";
+import type { AbilityWithUnknown } from "~/modules/in-game-lists/types";
 import { abilityImageUrl } from "~/utils/urls";
 import { Image } from "./Image";
 
@@ -12,7 +12,7 @@ export function Ability({
   ability,
   size,
 }: {
-  ability: AbilityType;
+  ability: AbilityWithUnknown;
   size: keyof typeof sizeMap;
 }) {
   const sizeNumber = sizeMap[size];

app/modules/in-game-lists/types.ts

@@ -7,4 +7,7 @@ export type ModeShort = typeof modes[number]["short"];
 export type Stage = typeof stages[number];
 
 export type Ability = typeof abilityCodes[number]["name"];
+export type AbilityWithUnknown =
+  | typeof abilityCodes[number]["name"]
+  | "UNKNOWN";
 export type AbilityType = typeof abilityCodes[number]["type"];

app/utils/urls.ts

@@ -1,5 +1,6 @@
 import type { Badge } from "~/db/types";
-import type { Ability, ModeShort } from "~/modules/in-game-lists";
+import type { ModeShort } from "~/modules/in-game-lists";
+import type { AbilityWithUnknown } from "~/modules/in-game-lists/types";
 
 export const SENDOU_INK_DISCORD_URL = "https://discord.gg/sendou";
 export const SENDOU_TWITTER_URL = "https://twitter.com/sendouc";
@@ -51,7 +52,7 @@ export const gearImageUrl = (
 ) => `/img/gear/${gearType}/${gearSplId}`;
 export const weaponImageUrl = (weaponSplId: number) =>
   `/img/weapons/${weaponSplId}`;
-export const abilityImageUrl = (ability: Ability) =>
+export const abilityImageUrl = (ability: AbilityWithUnknown) =>
   `/img/abilities/${ability}`;
 export const modeImageUrl = (mode: ModeShort) => `/img/modes/${mode}`;