diff --git a/src/data/layers/boxes.tsx b/src/data/layers/boxes.tsx index 77f4ec8..b87f77c 100644 --- a/src/data/layers/boxes.tsx +++ b/src/data/layers/boxes.tsx @@ -384,6 +384,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {renderRow(...Object.values(buyables))} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(boxes.value)} {boxes.displayName} +
)) }; }); diff --git a/src/data/layers/cloth.tsx b/src/data/layers/cloth.tsx index 7dbf718..a2947c5 100644 --- a/src/data/layers/cloth.tsx +++ b/src/data/layers/cloth.tsx @@ -23,7 +23,7 @@ import { createSequentialModifier } from "game/modifiers"; import { noPersist, persistent } from "game/persistence"; -import Decimal, { DecimalSource } from "util/bignum"; +import Decimal, { DecimalSource, format } from "util/bignum"; import { formatWhole } from "util/break_eternity"; import { Direction } from "util/common"; import { render, renderCol, renderRow } from "util/vue"; @@ -331,7 +331,9 @@ const layer = createLayer(id, function (this: BaseLayer) { })); const paperUpgrades = { paperUpgrade4, paperUpgrade3, paperUpgrade2, paperUpgrade1 }; - const hollyEffect = computed(() => Decimal.add(trees.computedAutoCuttingAmount.value, 1).root(3)); + const hollyEffect = computed(() => + Decimal.add(trees.computedAutoCuttingAmount.value, 1).root(3) + ); const gingersnapEffect = computed(() => Decimal.add(dyes.dyeSum.value, 10).log10()); const sheepGain = createSequentialModifier(() => [ @@ -557,6 +559,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {renderCol(...Object.values(paperUpgrades))} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(cloth.value)} {cloth.displayName} +
)) }; }); diff --git a/src/data/layers/coal.tsx b/src/data/layers/coal.tsx index ea82998..15b5e76 100644 --- a/src/data/layers/coal.tsx +++ b/src/data/layers/coal.tsx @@ -957,6 +957,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {renderGrid(row1upgrades, row2upgrades, row3upgrades)} {renderRow(...row3buyables)} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(coal.value)} {coal.displayName} +
)) }; }); diff --git a/src/data/layers/metal.tsx b/src/data/layers/metal.tsx index 81d0166..0d7d430 100644 --- a/src/data/layers/metal.tsx +++ b/src/data/layers/metal.tsx @@ -585,6 +585,11 @@ const layer = createLayer(id, function (this: BaseLayer) { )} {renderRow(oreDrill, industrialCrucible, hotterForge)} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(metal.value)} {metal.displayName} +
)) }; }); diff --git a/src/data/layers/oil.tsx b/src/data/layers/oil.tsx index f4636ba..ce378b0 100644 --- a/src/data/layers/oil.tsx +++ b/src/data/layers/oil.tsx @@ -1074,7 +1074,12 @@ const layer = createLayer(id, function (this: BaseLayer) { {Decimal.gte(totalOil.value, 50) ? oilMilestonesDisplay() : ""} ); - }) + }), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(oil.value)} {oil.displayName} +
+ )) }; }); diff --git a/src/data/layers/paper.tsx b/src/data/layers/paper.tsx index 4ff2de7..01eb85b 100644 --- a/src/data/layers/paper.tsx +++ b/src/data/layers/paper.tsx @@ -383,6 +383,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {renderCol(...Object.values(books))} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(paper.value)} {paper.displayName} +
)) }; }); diff --git a/src/data/layers/plastic.tsx b/src/data/layers/plastic.tsx index ddaf7a5..1527123 100644 --- a/src/data/layers/plastic.tsx +++ b/src/data/layers/plastic.tsx @@ -329,6 +329,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {renderCol(clothTools, clothElf, clothGains)} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(plastic.value)} {plastic.displayName} +
)) }; }); diff --git a/src/data/layers/trees.tsx b/src/data/layers/trees.tsx index 0bd422b..321db3a 100644 --- a/src/data/layers/trees.tsx +++ b/src/data/layers/trees.tsx @@ -330,9 +330,13 @@ const layer = createLayer(id, function (this: BaseLayer) { ]) as WithRequired; const computedAutoCuttingAmount = computed(() => autoCuttingAmount.apply(0)); const lastAutoCuttingAmount = ref(0); - setInterval(() => watch(computedAutoCuttingAmount, cut => { - lastAutoCuttingAmount.value = cut; - }), 0); + setInterval( + () => + watch(computedAutoCuttingAmount, cut => { + lastAutoCuttingAmount.value = cut; + }), + 0 + ); const manualPlantingAmount = createSequentialModifier(() => [ createAdditiveModifier(() => ({ @@ -421,9 +425,13 @@ const layer = createLayer(id, function (this: BaseLayer) { ]) as WithRequired; const computedAutoPlantingAmount = computed(() => autoPlantingAmount.apply(0)); const lastAutoPlantedAmount = ref(0); - setInterval(() => watch(computedAutoPlantingAmount, planted => { - lastAutoPlantedAmount.value = planted; - }), 0); + setInterval( + () => + watch(computedAutoPlantingAmount, planted => { + lastAutoPlantedAmount.value = planted; + }), + 0 + ); const logGain = createSequentialModifier(() => [ createMultiplicativeModifier(() => ({ @@ -808,6 +816,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {renderRow(...row1Buyables)} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(logs.value)} {logs.displayName} +
)) }; }); diff --git a/src/data/layers/workshop.tsx b/src/data/layers/workshop.tsx index 1058726..c5ff649 100644 --- a/src/data/layers/workshop.tsx +++ b/src/data/layers/workshop.tsx @@ -19,7 +19,7 @@ import { createResource, displayResource } from "features/resources/resource"; import { BaseLayer, createLayer } from "game/layers"; import { createExponentialModifier, createSequentialModifier } from "game/modifiers"; import { noPersist } from "game/persistence"; -import Decimal, { DecimalSource, formatWhole } from "util/bignum"; +import Decimal, { DecimalSource, format, formatWhole } from "util/bignum"; import { Direction } from "util/common"; import { render } from "util/vue"; import { computed, unref, watchEffect } from "vue"; @@ -294,6 +294,11 @@ const layer = createLayer(id, function (this: BaseLayer) { {milestonesDisplay()} + )), + minimizedDisplay: jsx(() => ( +
+ {name} - {format(foundationProgress.value)} {foundationProgress.displayName} +
)) }; });