Merge pull request #1849 from oasisprotocol/mz/errorMsgRaw

Handle transaction error raw message

Author: buberdds

.changelog/1849.bugfix.md

@@ -0,0 +1 @@
+Handle transaction error raw message

src/app/components/StatusIcon/index.tsx

@@ -71,6 +71,7 @@ export const StatusDetails = styled(Box, {
   borderRadius: 10,
   paddingLeft: 12,
   paddingRight: 12,
+  wordBreak: 'break-all',
 }))
 
 type StatusIconProps = {

src/app/hooks/useTxErrorMessage.ts

@@ -8,11 +8,11 @@ export const useTxErrorMessage = (error: TxError | undefined): string | undefine
     (!error.module && !error.code) // TODO: This second check shouldn't be necessary. Remove when https://github.com/oasisprotocol/nexus/issues/704 is fixed.
   )
     return undefined
-  if (error.module === 'evm' && error.code === 8 && !error.message) {
-    // EVM reverted, with missing error message
+  if (error.module === 'evm' && error.code === 8 && !error.message && !error.raw_message) {
+    // EVM reverted, without any message
     return `${t('errors.revertedWithoutMessage')} (${t('errors.code')} ${error.code})`
   } else {
     // Anything else
-    return `${error.message} (${t('errors.code')} ${error.code})`
+    return `${error.message || error.raw_message} (${t('errors.code')} ${error.code})`
   }
 }