update toggle test

src/_dev-execution/bootstrap.ts

@@ -70,17 +70,29 @@ import { TokenManager } from './token-manager';
         authToken = await tokenManager.getAccessToken();
     }
 
-    let ToggleSetMultiLayout: (arg0: boolean) => void;
-    let togg = false;
-    const button = document.createElement('input');
+    // the following is only for testing pupuses and can be deleted later
+    // start
+    let ToggleSetMultiLayout: (state: boolean) => void;
+    const button = document.createElement('button');
     button.type = 'button';
-    button.value = 'im a button';
-    button.id = 'myToggleBtn';
+    button.innerHTML = 'Multi Layout';
+    button.id = 'myToggleBtn-multiLayout';
     button.onclick = () => {
-        ToggleSetMultiLayout(togg);
-        togg = !togg;
+        ToggleSetMultiLayout(true);
+    };
+
+    const button2 = document.createElement('button');
+    button2.innerHTML = 'Single Layout';
+
+    button2.id = 'myToggleBtn-singleLayout';
+    button2.onclick = () => {
+        ToggleSetMultiLayout(false);
     };
     document.body.append(button);
+    document.body.append(button2);
+
+    // end
+
     StudioUI.studioUILoaderConfig({
         selector: 'sui-root',
         projectId,
@@ -104,16 +116,8 @@ import { TokenManager } from './token-manager';
             },
         },
         customElement: '<h1>Rendered from HTMLElement</h1>',
-        onSetMultiLayout: (fn) => {
-            ToggleSetMultiLayout = fn; // Capture setMultiLayout function
+        onSetMultiLayout: (stateUpdater) => {
+            ToggleSetMultiLayout = stateUpdater;
         },
     });
-
-    // setTimeout(() => {
-    //     ToggleSetMultiLayout(false);
-    // }, 5000);
-
-    // setTimeout(() => {
-    //     ToggleSetMultiLayout(true);
-    // }, 10000);
 })();