Finished translations / bug fixes

components/visualize/NodeOverview/NodeOverview.tsx

@@ -7,6 +7,8 @@ import { EntityIcon } from '../../home/EntityIcon/EntityIcon'
 import { GraphNode } from '../../../src/graph-untangle/types'
 import { fixedEncodeURIComponent } from '../../../src/utils'
 import { useRouter } from 'next/router'
+import { GraphIcon } from '../../icons/GraphIcon'
+import { I18n } from '../../shared/I18n/I18n'
 
 export type OverviewGraphNode = GraphNode<{
   icons: (EnrichedEntity | string)[]
@@ -28,7 +30,7 @@ export const NodeOverview: FC<Props> = ({ node, className, ...props }) => {
               query
             }}
           >
-            👁
+            <GraphIcon />
           </Link>
         </span>
         {node.name}
@@ -40,7 +42,9 @@ export const NodeOverview: FC<Props> = ({ node, className, ...props }) => {
           ))}
         </div>
       ) : null}
-      <h4>Inputs</h4>
+      <h4>
+        <I18n id={'page.visualize.imports'} />
+      </h4>
       <div className={styles.small}>
         {node.inputs.map(input => (
           <EntityIcon key={input} value={input} />
@@ -48,7 +52,9 @@ export const NodeOverview: FC<Props> = ({ node, className, ...props }) => {
       </div>
       {node.outputs.length ? (
         <>
-          <h4>Outputs</h4>
+          <h4>
+            <I18n id={'page.visualize.exports'} />
+          </h4>
           <div className={styles.small}>
             {node.outputs.map(input => (
               <EntityIcon key={input} value={input} />