Fixed layer tree node options

src/data/common.tsx

@@ -18,6 +18,7 @@ import player from "game/player";
 import Decimal from "util/bignum";
 import {
     Computable,
+    GetComputableType,
     GetComputableTypeWithDefault,
     processComputable,
     ProcessedComputable
@@ -118,28 +119,37 @@ export function createResetButton<T extends ClickableOptions & ResetButtonOption
 
 export interface LayerTreeNodeOptions extends TreeNodeOptions {
     layerID: string;
-    color: string;
+    color: Computable<string>; // marking as required
-    append?: boolean;
+    display?: Computable<string>;
+    append?: Computable<boolean>;
 }
 export type LayerTreeNode<T extends LayerTreeNodeOptions> = Replace<
     TreeNode<T>,
     {
-        append: ProcessedComputable<boolean>;
+        display: GetComputableTypeWithDefault<T["display"], T["layerID"]>;
+        append: GetComputableType<T["append"]>;
+    }
+>;
+export type GenericLayerTreeNode = Replace<
+    LayerTreeNode<LayerTreeNodeOptions>,
+    {
+        display: ProcessedComputable<string>;
+        append?: ProcessedComputable<boolean>;
     }
 >;
-export type GenericLayerTreeNode = LayerTreeNode<LayerTreeNodeOptions>;
 
 export function createLayerTreeNode<T extends LayerTreeNodeOptions>(
     optionsFunc: () => T
 ): LayerTreeNode<T> {
     return createTreeNode(() => {
         const options = optionsFunc();
+        processComputable(options as T, "display");
+        setDefault(options, "display", options.layerID);
         processComputable(options as T, "append");
         return {
             ...options,
             display: options.layerID,
-            onClick:
+            onClick: unref((options as unknown as GenericLayerTreeNode).append)
-                options.append != null && options.append
                 ? function () {
                       if (player.tabs.includes(options.layerID)) {
                           const index = player.tabs.lastIndexOf(options.layerID);