Fixed overview graph

2022-08-18 17:05:32 +02:00
parent 4e11388086
commit b88ae9ceaa
4 changed files with 56 additions and 48 deletions
--- a/components/visualize/PageOverview.tsx
+++ b/components/visualize/PageOverview.tsx
@@ -0,0 +1,44 @@
+import { useGroups } from '../contexts/GroupProvider'
+import { useFactories } from '../../src/hooks/useFactories'
+import { FC, useMemo } from 'react'
+import { calculateInputs } from '../../src/calculateInputs'
+import { fixedEncodeURIComponent } from '../../src/utils'
+import Head from 'next/head'
+import { ScrollContainer } from '../shared/ScrollContainer/ScrollContainer'
+import { ProducingGraph } from '../shared/ProducingGraph/ProducingGraph'
+import { NodeOverview, OverviewGraphNode } from './NodeOverview/NodeOverview'
+
+export const PageOverview: FC = () => {
+  const { exportedFactories, baseFactories, groups } = useGroups()
+  const { findFactory } = useFactories()
+
+  const producingNodes: OverviewGraphNode[] = useMemo(() => {
+    return Object.values(groups).map(group => ({
+      inputs: calculateInputs(
+        [...group.exports, ...group.malls],
+        baseFactories,
+        exportedFactories,
+        findFactory
+      )[0],
+      outputs: group.exports,
+      name: group.name,
+      icons: [...group.exports, ...group.malls],
+      linkOut: `./visualize/${fixedEncodeURIComponent(group.name)}`
+    }))
+  }, [baseFactories, exportedFactories, findFactory, groups])
+
+  return (
+    <>
+      <Head>
+        <title>Factorio Microservices</title>
+        <meta name='description' content='Create Factorio microservices' />
+      </Head>
+      <main>
+        <ScrollContainer>
+          <h1>Factorio Microservices</h1>
+          <ProducingGraph nodes={producingNodes} inputs={baseFactories} childType={NodeOverview} />
+        </ScrollContainer>
+      </main>
+    </>
+  )
+}