From 87dc21d389b7915132b87a4b00621731935502de Mon Sep 17 00:00:00 2001
From: unsoftcapped3 <75136164+unsoftcapped3@users.noreply.github.com>
Date: Fri, 23 Dec 2022 00:46:52 +0000
Subject: [PATCH] make upgrades 2d

---
 src/data/layers/factory.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/data/layers/factory.tsx b/src/data/layers/factory.tsx
index 5ed714d..43513d0 100644
--- a/src/data/layers/factory.tsx
+++ b/src/data/layers/factory.tsx
@@ -30,7 +30,7 @@ import { noPersist, Persistent, persistent, State } from "game/persistence";
 import Decimal, { DecimalSource, format, formatWhole } from "util/bignum";
 import { Direction } from "util/common";
 import { ProcessedComputable } from "util/computed";
-import { render, renderRow } from "util/vue";
+import { render, renderGrid, renderRow } from "util/vue";
 import { computed, ComputedRef, reactive, ref, unref, watchEffect } from "vue";
 import _cloth from "../symbols/cloth.png";
 import _dye from "../symbols/dyes.png";
@@ -1038,7 +1038,7 @@ const factory = createLayer(id, () => {
         visible: () => showIf(main.days[advancedDay - 1].opened.value)
     })) as GenericBuyable;
     const factoryBuyables = { expandFactory, oilFuel, carryToys };
-    const upgrades = [createUpgrade(() => ({
+    const upgrades = [[createUpgrade(() => ({
             resource: trees.logs,
             cost: () =>Decimal.pow(10, upgradeAmount.value).mul(1e80),
             display: {
@@ -1069,8 +1069,8 @@ const factory = createLayer(id, () => {
                 title: "Diamond-tipped drills",
                 description: "Drill power ^1.2"
             }
-        })),
-        createUpgrade(() => ({
+        }))],
+        [createUpgrade(() => ({
             resource: toys.woodenBlocks,
             cost: () =>Decimal.pow(10, upgradeAmount.value).mul(1000),
             display: {
@@ -1093,7 +1093,7 @@ const factory = createLayer(id, () => {
                 title: "Improved plastic producers",
                 description: "Plastic producers produce 4x as much"
             }
-        })),
+        }))],
     ]
         
     // pixi
@@ -1856,7 +1856,7 @@ const factory = createLayer(id, () => {
                             <Spacer />
                             {renderRow(...Object.values(factoryBuyables))}
                             <Spacer />
-                            {renderRow(...Object.values(upgrades))}
+                            {renderGrid(upgrades as VueFeature[])}
                         </>
                     ))
                 })),