fix: BallotForm trigger onChange on initial render (#40)

* fix: ballot form first render handling

this is used to be able to predict the allocation on first render

Author: nijoe1

.changeset/witty-plants-kneel.md

@@ -0,0 +1,5 @@
+---
+"@gitcoin/ui": patch
+---
+
+fix: ballot form first render handling

packages/ui/src/features/retrofunding/components/BallotForm/BallotForm.tsx

@@ -72,16 +72,22 @@ export const BallotForm: React.FC<BallotFormProps> = ({
             ...acc,
             [item.metricId]: { ...item, locked: true },
           }),
-          {},
+          {} as BallotItemsMap,
         );
         setItems(submittedItems);
+        if (onChange) {
+          onChange(Object.values(submittedItems));
+        }
         setAlreadyVoted(true);
         return;
       }
 
       getValue<BallotItemsMap>(persistKey).then((savedItems) => {
         if (savedItems) {
           setItems(savedItems);
+          if (onChange) {
+            onChange(Object.values(savedItems));
+          }
         } else {
           const equalShare = Math.floor(maxAllocation / availableMetrics.length);
           const remainder = maxAllocation % availableMetrics.length;
@@ -96,10 +102,13 @@ export const BallotForm: React.FC<BallotFormProps> = ({
                 locked: false,
               },
             }),
-            {},
+            {} as BallotItemsMap,
           );
           setItems(initialItems);
           setValue(persistKey, initialItems);
+          if (onChange) {
+            onChange(Object.values(initialItems));
+          }
         }
       });
     }