Change all button onClick to onPress

ariady-putra-emurgo · Jan 17, 2025 · 547b323 · 547b323
1 parent 088049c
commit 547b323
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 15 deletions.
diff --git a/offchain/app/Home.tsx b/offchain/app/Home.tsx
@@ -30,7 +30,6 @@ export default function Home() {
       try {
         const errorString = JSON.stringify(error);
         const errorJSON = JSON.parse(errorString);
-
         return errorJSON;
       } catch {
         return {};
@@ -41,10 +40,18 @@ export default function Home() {
     const { failure } = cause ?? {};
 
     const failureCause = failure?.cause;
+
+    let failureTrace: string | undefined;
+    try {
+      failureTrace = eval(failureCause).replaceAll(" Trace ", " \n ");
+    } catch {
+      failureTrace = undefined;
+    }
+
     const failureInfo = failureCause?.info;
     const failureMessage = failureCause?.message;
 
-    setResult(`${failureInfo ?? failureMessage ?? info ?? message ?? error}`);
+    setResult(`${failureTrace ?? failureInfo ?? failureMessage ?? info ?? message ?? error}`);
     console.error(failureCause ?? { error });
   }
 

diff --git a/offchain/components/WalletConnectors.tsx b/offchain/components/WalletConnectors.tsx
@@ -36,7 +36,7 @@ export default function WalletConnectors(props: { onConnectWallet: (wallet: Wall
       {wallets.map((wallet, w) => (
         <Button
           key={`wallet.${w}`}
-          onClick={() => onConnectWallet(wallet)}
+          onPress={() => onConnectWallet(wallet)}
           className="bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg capitalize"
           radius="full"
         >

diff --git a/offchain/components/actions/OwnerDry.tsx b/offchain/components/actions/OwnerDry.tsx
@@ -49,7 +49,7 @@ export default function OwnerDry(props: {
                 </ModalBody>
                 <ModalFooter>
                   <Button
-                    onClick={() => onDeposit(lovelace).then(onClose)}
+                    onPress={() => onDeposit(lovelace).then(onClose)}
                     className="bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg"
                     radius="full"
                   >
@@ -136,7 +136,7 @@ export default function OwnerDry(props: {
                 <ModalFooter>
                   <div className="relative">
                     <Button
-                      onClick={() => onDelegateStake({ poolID, dRep }).then(onClose)}
+                      onPress={() => onDelegateStake({ poolID, dRep }).then(onClose)}
                       isDisabled={isDRepCredential(dRep) && !dRepCredentialHash}
                       className={`bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg
                       ${isDRepCredential(dRep) && dRepID && !dRepCredentialHash && "invisible"}`}
@@ -163,15 +163,15 @@ export default function OwnerDry(props: {
 
       <DepositButton />
 
-      <Button onClick={onWithdrawStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
+      <Button onPress={onWithdrawStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
         Withdraw Stake Rewards
       </Button>
 
-      <Button onClick={onWithdraw} className="bg-gradient-to-tr from-primary-500 to-teal-500 text-white shadow-lg" radius="full">
+      <Button onPress={onWithdraw} className="bg-gradient-to-tr from-primary-500 to-teal-500 text-white shadow-lg" radius="full">
         Withdraw from Spend
       </Button>
 
-      <Button onClick={onUnregisterStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
+      <Button onPress={onUnregisterStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
         Deregister Stake
       </Button>
     </div>

diff --git a/offchain/components/actions/Withdraw0.tsx b/offchain/components/actions/Withdraw0.tsx
@@ -88,12 +88,12 @@ export default function Withdraw0(props: {
                     showMonthAndYearPickers
                     minValue={now}
                     defaultValue={now}
-                    onChange={(value) => setSpendableAfter(BigInt(value.toDate().getTime()))}
+                    onChange={(value) => setSpendableAfter((spendableAfter) => (value ? BigInt(value.toDate().getTime()) : spendableAfter))}
                   />
                 </ModalBody>
                 <ModalFooter>
                   <Button
-                    onClick={() => onCreate({ spendableAfter, spendableBy }).then(onClose).catch(onError)}
+                    onPress={() => onCreate({ spendableAfter, spendableBy }).then(onClose).catch(onError)}
                     className="bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg"
                     radius="full"
                   >
@@ -203,7 +203,7 @@ export default function Withdraw0(props: {
                 </ModalBody>
                 <ModalFooter>
                   <Button
-                    onClick={() => collectDeposit().then(onDeposit).then(onClose).catch(onError)}
+                    onPress={() => collectDeposit().then(onDeposit).then(onClose).catch(onError)}
                     className="bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg"
                     radius="full"
                   >
@@ -239,7 +239,7 @@ export default function Withdraw0(props: {
                 </ModalBody>
                 <ModalFooter>
                   <Button
-                    onClick={() => onWithdraw(fromSender).then(onClose).catch(onError)}
+                    onPress={() => onWithdraw(fromSender).then(onClose).catch(onError)}
                     className="bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg"
                     radius="full"
                   >
@@ -326,7 +326,7 @@ export default function Withdraw0(props: {
                 <ModalFooter>
                   <div className="relative">
                     <Button
-                      onClick={() => onDelegateStake({ poolID, dRep }).then(onClose).catch(onError)}
+                      onPress={() => onDelegateStake({ poolID, dRep }).then(onClose).catch(onError)}
                       isDisabled={isDRepCredential(dRep) && !dRepCredentialHash}
                       className={`bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg
                       ${isDRepCredential(dRep) && dRepID && !dRepCredentialHash && "invisible"}`}
@@ -355,13 +355,13 @@ export default function Withdraw0(props: {
 
       <DepositButton />
 
-      <Button onClick={onWithdrawStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
+      <Button onPress={onWithdrawStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
         Withdraw Stake Rewards
       </Button>
 
       <WithdrawButton />
 
-      <Button onClick={onUnregisterStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
+      <Button onPress={onUnregisterStake} className="bg-gradient-to-tr from-slate-500 to-emerald-500 text-white shadow-lg" radius="full">
         Deregister Stake
       </Button>
     </div>