Finished translations / bug fixes

components/home/GroupBox/GroupBox.tsx

@@ -11,6 +11,7 @@ import { useRouter } from 'next/router'
 import { useFactories } from '../../contexts/FactoryProvider'
 import { i18n, I18n } from '../../shared/I18n/I18n'
 import { useIntl } from 'react-intl'
+import { GraphIcon } from '../../icons/GraphIcon'
 
 interface Props {
   group: Group
@@ -94,7 +95,9 @@ const GroupBoxBase: FC<Props> = ({ group }) => {
           query
         }}
       >
-        👁
+        <a>
+          <GraphIcon />
+        </a>
       </Link>
       <button
         className={styles.quit}
@@ -119,7 +122,7 @@ const GroupBoxBase: FC<Props> = ({ group }) => {
       {inputs.length ? (
         <>
           <h4>
-            <I18n id={'page.home.group.item.input'} /> ({inputs.length})
+            <I18n id={'page.home.group.item.input'} values={{ amount: inputs.length }} />
           </h4>
           <div className={styles.flex}>
             {inputs.map(input => (
@@ -131,7 +134,7 @@ const GroupBoxBase: FC<Props> = ({ group }) => {
                   event.preventDefault()
                   setIgnoredFactories([...ignoredFactories, input])
                 }}
-                rightClickText={'Exclude this recipe from suggestions'}
+                rightClickText={i18n(intl, 'page.home.tooltip.action.exclude_suggestion')}
               />
             ))}
           </div>
@@ -140,7 +143,10 @@ const GroupBoxBase: FC<Props> = ({ group }) => {
       {intermediates.length ? (
         <>
           <h4>
-            <I18n id={'page.home.group.item.intermediate'} /> ({intermediates.length})
+            <I18n
+              id={'page.home.group.item.intermediate'}
+              values={{ amount: intermediates.length }}
+            />
           </h4>
           <div className={styles.flex}>
             {intermediates.map(intermediate => (
@@ -168,8 +174,8 @@ const GroupBoxBase: FC<Props> = ({ group }) => {
                   event.preventDefault()
                   setIgnoredFactories([...ignoredFactories, suggestion.href])
                 }}
-                leftClickText={'Add to exported factories'}
-                rightClickText={'Exclude this recipe from suggestions'}
+                leftClickText={i18n(intl, 'page.home.tooltip.action.add_to_export')}
+                rightClickText={i18n(intl, 'page.home.tooltip.action.exclude_suggestion')}
               />
             ))}
           </div>
@@ -190,8 +196,8 @@ const GroupBoxBase: FC<Props> = ({ group }) => {
                   event.preventDefault()
                   setIgnoredFactories([...ignoredFactories, suggestion.href])
                 }}
-                leftClickText={'Add to mall factories'}
-                rightClickText={'Exclude this recipe from suggestions'}
+                leftClickText={i18n(intl, 'page.home.tooltip.action.add_to_mall')}
+                rightClickText={i18n(intl, 'page.home.tooltip.action.exclude_suggestion')}
               />
             ))}
           </div>