Create ElementTransformer

Transforms elements from numbers into objects and back again

transformers/ElementTransformer.tsx

@@ -0,0 +1,9 @@
+import { elements } from '../utils/elements'
+
+export function toObject(value: number) {
+  return elements.find((element) => element.id === value) || elements[0]
+}
+
+export function toParam(value: string) {
+  return elements.find((element) => element.name.en === value)
+}

utils/elements.tsx

@@ -63,11 +63,3 @@ export const elements: GranblueElement[] = [
     slug: 'light',
   },
 ]
-
-export function numberToElement(value: number) {
-  return elements.find((element) => element.id === value) || elements[0]
-}
-
-export function stringToElement(value: string) {
-  return elements.find((element) => element.name.en === value)
-}