Update main.jsx

Author: titoBouzout

frameworks/keyed/pota/src/main.jsx

@@ -66,15 +66,15 @@ function _random(max) {
 function buildData(count) {
   let data = new Array(count);
   for (let i = 0; i < count; i++) {
-    const [label, setLabel] = signal(
+    const [label, setLabel, updateLabel] = signal(
       `${adjectives[_random(adjectives.length)]} ${
         colours[_random(colours.length)]
       } ${nouns[_random(nouns.length)]}`,
     );
     data[i] = {
       id: idCounter++,
       label,
-      setLabel,
+      updateLabel,
     };
   }
   return data;
@@ -94,17 +94,17 @@ const Button = ({ id, text, fn }) => (
 );
 
 const App = () => {
-  const [data, setData] = signal([]),
-    [selected, setSelected] = signal(null),
+  const [data, setData, updateData] = signal([]),
+    [selected, setSelected] = signal(-1),
     run = () => setData(buildData(1000)),
     runLots = () => {
       setData(buildData(10000));
     },
-    add = () => setData((d) => [...d, ...buildData(1000)]),
+    add = () => updateData((d) => [...d, ...buildData(1000)]),
     update = () =>
       batch(() => {
         for (let i = 0, d = data(), len = d.length; i < len; i += 10)
-          d[i].setLabel((l) => l + " !!!");
+          d[i].updateLabel((l) => l + " !!!");
       }),
     swapRows = () => {
       const d = data().slice();
@@ -117,7 +117,7 @@ const App = () => {
     },
     clear = () => setData([]),
     remove = (id) =>
-      setData((d) => {
+      updateData((d) => {
         const idx = d.findIndex((datum) => datum.id === id);
         d.splice(idx, 1);
         return [...d];