Added internationalization of factory names

components/home/EntityIcon/EntityIcon.tsx

@@ -1,8 +1,8 @@
 import { FC, HTMLProps, useMemo } from 'react'
 import { Entity } from '../../../src/types'
-import { useFactories } from '../../../src/hooks/useFactories'
 import styles from './EntityIcon.module.css'
 import cx from 'classnames'
+import { useFactories } from '../../contexts/FactoryProvider'
 
 interface Props extends Omit<HTMLProps<HTMLSpanElement>, 'value'> {
   value: Entity | string

components/home/EntitySpan/EntitySpan.tsx

@@ -1,11 +1,11 @@
 import { FC, HTMLProps, memo, useMemo } from 'react'
 import { EnrichedEntity } from '../../../src/types'
-import { useFactories } from '../../../src/hooks/useFactories'
 import styles from './EntitySpan.module.css'
 import { RecipeSpan } from '../Recipe/Recipe'
 import { LeftClickIcon } from '../LeftClickIcon/LeftClickIcon'
 import cx from 'classnames'
 import { EntityIcon } from '../EntityIcon/EntityIcon'
+import { useFactories } from '../../contexts/FactoryProvider'
 
 interface Props extends Omit<HTMLProps<HTMLSpanElement>, 'value'> {
   value: EnrichedEntity | string

components/home/FactorySelect/FactorySelect.tsx

@@ -2,8 +2,8 @@ import { FC, memo, useCallback, useEffect, useMemo } from 'react'
 import Select, { ActionMeta, CSSObjectWithLabel } from 'react-select'
 import { isNonNullable } from '../../../src/utils'
 import styles from './FactorySelect.module.css'
-import { useFactories } from '../../../src/hooks/useFactories'
 import { EntitySpan } from '../EntitySpan/EntitySpan'
+import { useFactories } from '../../contexts/FactoryProvider'
 
 interface Props {
   id: string

components/home/GroupBox/GroupBox.tsx

@@ -1,6 +1,5 @@
 import { FC, memo, useCallback, useMemo, useState } from 'react'
 import { FactorySelect } from '../FactorySelect/FactorySelect'
-import { useFactories } from '../../../src/hooks/useFactories'
 import { EnrichedEntity, Group } from '../../../src/types'
 import styles from './GroupBox.module.css'
 import { EntitySpan } from '../EntitySpan/EntitySpan'
@@ -9,6 +8,7 @@ import { calculateInputs } from '../../../src/calculateInputs'
 import { fixedEncodeURIComponent, uniquify } from '../../../src/utils'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
+import { useFactories } from '../../contexts/FactoryProvider'
 
 interface Props {
   group: Group

components/home/Home.tsx

@@ -1,7 +1,6 @@
 import { FC, useMemo, useRef, useState } from 'react'
 import { GroupBox } from './GroupBox/GroupBox'
 import styles from './Home.module.css'
-import { useFactories } from '../../src/hooks/useFactories'
 import { EnrichedEntity } from '../../src/types'
 import { EntitySpan } from './EntitySpan/EntitySpan'
 import { useGroups } from '../contexts/GroupProvider'
@@ -10,6 +9,7 @@ import { download, streamToArrayBuffer } from '../../src/download'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { I18n } from '../shared/I18n/I18n'
+import { useFactories } from '../contexts/FactoryProvider'
 
 export const Home: FC = () => {
   const { query } = useRouter()