comments + contract update +

smaller design issues

src/helper/helper.js

@@ -15,6 +15,20 @@ export function compactNumber(number) {
 	}).format(parseInt(number));
 }
 
+
+export function formatNumber(number) {
+    const options = {
+		style: "decimal",
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 0,
+    };
+    if (!number) {
+        return 0
+    }
+	const formattedWithOptions = number.toLocaleString("en-US", options);
+    return formattedWithOptions;
+}
+
 export function getAddressShortName(address) {
     // const address = "0x66422602B2f4885c57EE794174f98d9E4DDBBBC6";
     const addressBegin = address.substring(0, 6);
@@ -41,3 +55,23 @@ export function getblocky(address) {
 
 	return blockiesData;
 }
+
+export function debounce(func, timeout = 300) {
+        let timer;
+        return (...args) => {
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+                return func.apply(this, args);
+            }, timeout);
+        };
+    }
+    
+export function createDebounce() {
+    let timeout = null;
+    return function (fnc, delayMs) {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
+            fnc();
+        }, delayMs || 500);
+    };
+}