From 53bbcbd83143a41e63c3932a6ea0bce8bc10c56c Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Tue, 22 Mar 2022 23:05:36 -0500
Subject: [PATCH] Update to new links changes

---
 src/data/layers/aca/c.tsx | 31 +++++++++++++++++++------------
 src/data/projEntry.tsx    |  1 -
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/data/layers/aca/c.tsx b/src/data/layers/aca/c.tsx
index bb16c82..7991f34 100644
--- a/src/data/layers/aca/c.tsx
+++ b/src/data/layers/aca/c.tsx
@@ -22,6 +22,7 @@ import {
 import { jsx, showIf, Visibility } from "features/feature";
 import { createHotkey } from "features/hotkey";
 import { createInfobox } from "features/infoboxes/infobox";
+import { createLinks } from "features/links/links";
 import { createMilestone } from "features/milestones/milestone";
 import { createReset } from "features/reset";
 import MainDisplay from "features/resources/MainDisplay.vue";
@@ -466,6 +467,18 @@ const layer = createLayer(() => {
         }
     }));
 
+    const links = createLinks(() => ({
+        links: [
+            {
+                startNode: h,
+                endNode: flatBoi,
+                "stroke-width": "5px",
+                stroke: "red",
+                offsetEnd: { x: -50 + 100 * flatBoi.progress.value.toNumber(), y: 0 }
+            }
+        ]
+    }));
+
     const illuminatiTabs = createTabFamily(() => ({
         tabs: {
             first: {
@@ -635,17 +648,6 @@ const layer = createLayer(() => {
         id,
         color,
         name,
-        links() {
-            const links = tree.links.value.slice();
-            links.push({
-                startNode: h,
-                endNode: flatBoi,
-                "stroke-width": "5px",
-                stroke: "red",
-                offsetEnd: { x: -50 + 100 * flatBoi.progress.value.toNumber(), y: 0 }
-            });
-            return links;
-        },
         points,
         best,
         beep,
@@ -679,7 +681,12 @@ const layer = createLayer(() => {
         confirmRespec,
         minWidth: 800,
         tabs,
-        display: jsx(() => <>{render(tabs)}</>)
+        display: jsx(() => (
+            <>
+                {render(tabs)}
+                {render(links)}
+            </>
+        ))
     };
 });
 
diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 3da2f31..1a69641 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -64,7 +64,6 @@ export const main = createLayer(() => {
     return {
         id: "main",
         name: "Tree",
-        links: tree.links,
         display: jsx(() => (
             <>
                 <div v-show={player.devSpeed === 0}>Game Paused</div>