Add button to increase items in todo page

src/routes/todo.svelte

@@ -17,6 +17,9 @@
 
   const { open: openModal, close: closeModal } = getContext('simple-modal');
   
+  const AMOUNT_GOLD_CHANGE = [1000, 10000, 50000]; 
+  const AMOUNT_ITEM_CHANGE = [1, 5, 10];
+
   let refreshLayout;
   let columnCount = 1;
   let numberFormat = Intl.NumberFormat();
@@ -122,6 +125,16 @@
     });
   }
 
+  function increase(key, val) {
+    todos.update((n) => {
+      let target = n.find(c=>c.resources.hasOwnProperty(key));
+      if(target)
+        target.resources[key] += val;
+
+      return n;
+    });
+  }
+
   async function updateSummary() {
     const todayOnly = {};
     summary = $todos.reduce((prev, current) => {
@@ -386,27 +399,17 @@
                 </span>
                 {itemList[id].name}
               </span>
-              {#if id === 'mora'}
+              {#each id == 'mora'? AMOUNT_GOLD_CHANGE: AMOUNT_ITEM_CHANGE as changeAmount}
-                <Button size="sm" disabled={amount === 0 && !adding} on:click={() => decrease(id, 1000)}>
+                <Button size="sm" disabled={amount === 0 && !adding} className="{id == 'mora'? '': 'w-10'} mr-1" on:click={() => decrease(id, changeAmount)}>
-                  {adding ? '+' : '-'}1000
+                  {`-${changeAmount}`}
                 </Button>
-                <Button size="sm" disabled={amount === 0 && !adding} on:click={() => decrease(id, 10000)}>
+              {/each}
-                  {adding ? '+' : '-'}10000
+              <span class="block mb-1"></span>
+              {#each id == 'mora'? AMOUNT_GOLD_CHANGE: AMOUNT_ITEM_CHANGE as changeAmount}
+                <Button size="sm" className="{id == 'mora'? '': 'w-10'} mr-1" on:click={() => increase(id, changeAmount)}>
+                  {`+${changeAmount}`}
                 </Button>
-                <Button size="sm" disabled={amount === 0 && !adding} on:click={() => decrease(id, 50000)}>
+              {/each}
-                  {adding ? '+' : '-'}50000
-                </Button>
-              {:else}
-                <Button size="sm" disabled={amount === 0 && !adding} className="w-10" on:click={() => decrease(id, 1)}>
-                  {adding ? '+' : '-'}1
-                </Button>
-                <Button size="sm" disabled={amount === 0 && !adding} className="w-10" on:click={() => decrease(id, 5)}>
-                  {adding ? '+' : '-'}5
-                </Button>
-                <Button size="sm" disabled={amount === 0 && !adding} className="w-10" on:click={() => decrease(id, 10)}>
-                  {adding ? '+' : '-'}10
-                </Button>
-              {/if}
             </td>
           </tr>
         {/each}