Merge branch 'frontend-fix-tx-details'

Author: shonsirsha

frontends/web/src/components/dialog/dialog.tsx

@@ -165,7 +165,7 @@ export const Dialog = ({
       className={overlayClass}
     >
       <UseBackButton handler={closeHandler} />
-      <div className={modalClass}>
+      <div className={modalClass} ref={contentRef}>
         {title && (
           <div className={headerClass}>
             <h3 className={style.title}>{title}</h3>
@@ -177,7 +177,7 @@ export const Dialog = ({
             )}
           </div>
         )}
-        <div className={contentClass} ref={contentRef}>
+        <div className={contentClass}>
           <div className={style.content}>{children}</div>
         </div>
       </div>

frontends/web/src/components/transactions/components/tx-detail-dialog/tx-detail-header.tsx

@@ -88,9 +88,9 @@ const StatusAndSign = ({
   const fromSignToText = () => {
     switch (type) {
     case 'send':
-      return t('generic.send');
+      return t('generic.sent');
     case 'receive':
-      return t('generic.receiveWithoutCoinCode');
+      return t('generic.received');
     case 'send_to_self':
       return t('transaction.details.sendToSelf');
     }

frontends/web/src/hooks/keyboard.ts

@@ -54,14 +54,7 @@ export const useEsc = (
   });
 };
 
-const FOCUSABLE_SELECTOR = `
-  a:not(:disabled),
-  button:not(:disabled),
-  input:not(:disabled),
-  select:not(:disabled),
-  textarea:not(:disabled),
-  [tabindex]:not([tabindex="-1"]):not(:disabled)
-`;
+const FOCUSABLE_SELECTOR = '[autofocus]:not(:disabled)';
 
 /**
  * Traps focus inside the given ref when active,

frontends/web/src/locales/en/app.json

@@ -894,6 +894,7 @@
     "receiveWithoutCoinCode": "Receive",
     "receive_bitcoin": "Receive Bitcoin",
     "receive_crypto": "Receive crypto",
+    "received": "Received",
     "reset": "Reset",
     "resetToDefault": "Reset to default",
     "search": "Search…",
@@ -902,6 +903,7 @@
     "sell_bitcoin": "Sell Bitcoin",
     "sell_crypto": "Sell crypto",
     "send": "Send",
+    "sent": "Sent",
     "spend_bitcoin": "Spend bitcoin",
     "spend_crypto": "Spend crypto"
   },