fix(frontend/ez-transactions): hide Voucher to Issue text on zero v…

…alue (#598)
gear-foundation · Feb 12, 2025 · a0a931e · a0a931e
1 parent 3fd332a
commit a0a931e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 15 deletions.
diff --git a/...c/features/signless-transactions/components/create-session-modal/create-session-modal.tsx b/...c/features/signless-transactions/components/create-session-modal/create-session-modal.tsx
@@ -134,7 +134,7 @@ function CreateSessionModal({
           onFinally,
           pair: pairToSave,
         });
-      } catch (err) {
+      } catch (_err) {
         alert.error('Error when fetching gasless voucher');
         onFinally();
       }
@@ -160,7 +160,8 @@ function CreateSessionModal({
             },
             {
               heading: 'Voucher to issue:',
-              value: `${formattedIssueVoucherValue.value} ${formattedIssueVoucherValue.unit}`,
+              value:
+                issueVoucherValue > 0 ? `${formattedIssueVoucherValue.value} ${formattedIssueVoucherValue.unit}` : '',
             },
           ]}
         />

diff --git a/...ures/signless-transactions/components/enable-signless-session/enable-signless-session.tsx b/...ures/signless-transactions/components/enable-signless-session/enable-signless-session.tsx
@@ -56,7 +56,7 @@ function EnableSignlessSession(props: Props) {
     setIsLoading(false);
   };
 
-  const handleDeleteSession = async () => {
+  const handleDeleteSession = () => {
     if (!session) throw new Error('Signless session not found');
     if (!pair) throw new Error('Signless pair not found');
 

diff --git a/...ns/src/features/signless-transactions/components/signless-params-list/signless-params.tsx b/...ns/src/features/signless-transactions/components/signless-params-list/signless-params.tsx
@@ -8,17 +8,19 @@ type Props = {
 };
 
 function SignlessParams({ params }: Props) {
-  return (
-    <ul className={styles.summary}>
-      {params.map((param) => (
-        <li className={styles.summaryItem} key={param.heading}>
-          <h4 className={styles.heading}>{param.heading}</h4>
-          <div className={styles.separator} />
-          <p className={styles.value}>{param.value}</p>
-        </li>
-      ))}
-    </ul>
-  );
+  const renderParams = () =>
+    params.map(
+      ({ heading, value }) =>
+        value && (
+          <li className={styles.summaryItem} key={heading}>
+            <h4 className={styles.heading}>{heading}</h4>
+            <div className={styles.separator} />
+            <p className={styles.value}>{value}</p>
+          </li>
+        ),
+    );
+
+  return <ul className={styles.summary}>{renderParams()}</ul>;
 }
 
 export { SignlessParams };
diff --git a/...features/signless-transactions/components/signless-transactions/signless-transactions.tsx b/...features/signless-transactions/components/signless-transactions/signless-transactions.tsx
@@ -64,7 +64,7 @@ function SignlessTransactions({
     }
   };
 
-  const handleRevokeVoucherFromStoragePair = async () => {
+  const handleRevokeVoucherFromStoragePair = () => {
     if (!pair) throw new Error('Signless pair not found');
 
     const decodedAddress = decodeAddress(pair.address);