small fixes for more comfortable applause detection

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.3.9",
+  "version": "0.3.11",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/containers/Bridge/Bridge.jsx

@@ -194,7 +194,7 @@ const Bridge = ({ chainId, address, config, connect }) => {
         const clapsNeeded = Math.floor(clapsInSessionLength * appluseThreshold / 100);
         const step = finalization > 0
             ? 0
-            : receivedClapsLength < clapsNeeded
+            : receivedClapsLength < clapsNeeded && !transactionApplaused
                 ? 1
                 : !transactionApplaused
                     ? 2
@@ -272,29 +272,31 @@ const Bridge = ({ chainId, address, config, connect }) => {
         } else {
             setIsPending(true);
 
-            const txHash = await ghost(chainId, address, convertedReceiver, preparedAmount);
+            try {
-            await ghstBalanceRefetch();
+                const txHash = await ghost(chainId, address, convertedReceiver, preparedAmount);
 
-            setReceiver("");
+                const transaction = {
-            setAmount("");
+                    sessionIndex: currentSession ?? 0,
-            setIsPending(false);
+                    transactionHash: txHash,
+                    receiverAddress: receiver,
+                    amount: preparedAmount.toString(),
+                    chainId: chainId,
+                    blockNumber: Number(blockNumber),
+                    timestamp: Date.now()
+                }
 
-            const transaction = {
+                const newStoredTransactions = [...storedTransactions, transaction];
-                sessionIndex: currentSession ?? 0,
+                setStoredTransactions(newStoredTransactions);
-                transactionHash: txHash,
+                localStorage.setItem(STORAGE_PREFIX, JSON.stringify(newStoredTransactions));
-                receiverAddress: receiver,
-                amount: preparedAmount.toString(),
-                chainId: chainId,
-                blockNumber: Number(blockNumber),
-                timestamp: Date.now()
-            }
 
-            const newStoredTransactions = [...storedTransactions, transaction];
+                if (providerDetail) {
-            setStoredTransactions(newStoredTransactions);
+                    setActiveTxIndex(newStoredTransactions.length - 1)
-            localStorage.setItem(STORAGE_PREFIX, JSON.stringify(newStoredTransactions));
+                }
-
+            } finally {
-            if (providerDetail) {
+                await ghstBalanceRefetch();
-                setActiveTxIndex(newStoredTransactions.length - 1)
+                setReceiver("");
+                setAmount("");
+                setIsPending(false);
             }
         }
     }
@@ -476,7 +478,7 @@ const Bridge = ({ chainId, address, config, connect }) => {
                             </Box>
                         </Box>
 
-                        {(currentRecord?.step ?? 0) < 3 && currentSession > (currentRecord?.sessionIndex ?? 0) + 2 &&
+                        {(currentRecord?.step ?? 3) < 3 && (currentSession && currentRecord && currentSession > (currentRecord.sessionIndex ?? 0) + 2) &&
                             <Box display="flex" flexDirection="column" gap="5px">
                                 <PrimaryButton
                                     fullWidth
@@ -513,7 +515,7 @@ const Bridge = ({ chainId, address, config, connect }) => {
                                         >
                                             {authorities?.map((authority, idx) => {
                                                 const authorityAddress = ss58Address(authority.asHex(), 1996);
-                                                const disabled = clapsInSession?.at(idx)?.at(1)?.disabled;
+                                                const disabled = clapsInSession?.find((info => info.at(0) === idx))?.at(1)?.disabled;
                                                 const clapped = receivedClaps?.some(authId => authId === idx);
 
                                                 return (
@@ -775,7 +777,7 @@ const Bridge = ({ chainId, address, config, connect }) => {
                                                                         >
                                                                             {authorities?.map((authority, idx) => {
                                                                                 const authorityAddress = ss58Address(authority.asHex(), 1996);
-                                                                                const clapInfo = clapsInSession?.at(idx)?.at(1);
+                                                                                const clapInfo = clapsInSession?.find((info => info.at(0) === idx))?.at(1);
 
                                                                                 return (
                                                                                     <Box
@@ -808,7 +810,7 @@ const Bridge = ({ chainId, address, config, connect }) => {
                                                                         </Box>
                                                                     </>} />
                                                                 </Box>}
-                                                                <Typography fontSize="12px" lineHeight="15px">{clapsInSessionLength}</Typography>
+                                                                <Typography fontSize="12px" lineHeight="15px">{clapsInSessionLength} / {authorities?.length ?? 0}</Typography>
                                                             </Box>
                                                         </Box>
                                                     )