Merge pull request #1148 from blockscout/tx-revert-reason-hex-no-hex

support no-hex revert reason
blockscout · Sep 8, 2023 · c367613 · c367613
2 parents 24d14e8 + 9390eb7
commit c367613
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/lib/regexp.ts b/lib/regexp.ts
@@ -1,3 +1,5 @@
 export const URL_PREFIX = /^https?:\/\//i;
 
 export const IPFS_PREFIX = /^ipfs:\/\//i;
+
+export const HEX_REGEXP = /^(?:0x)?[\da-fA-F]+$/;
diff --git a/ui/tx/details/TxRevertReason.tsx b/ui/tx/details/TxRevertReason.tsx
@@ -1,9 +1,10 @@
-import { Grid, GridItem, useColorModeValue } from '@chakra-ui/react';
+import { Grid, GridItem, Text, useColorModeValue } from '@chakra-ui/react';
 import React from 'react';
 
 import type { TransactionRevertReason } from 'types/api/transaction';
 
 import hexToUtf8 from 'lib/hexToUtf8';
+import { HEX_REGEXP } from 'lib/regexp';
 import LogDecodedInputData from 'ui/shared/logs/LogDecodedInputData';
 
 type Props = TransactionRevertReason;
@@ -12,7 +13,12 @@ const TxRevertReason = (props: Props) => {
   const bgColor = useColorModeValue('blackAlpha.50', 'whiteAlpha.50');
 
   if ('raw' in props) {
+    if (!HEX_REGEXP.test(props.raw)) {
+      return <Text>{ props.raw }</Text>;
+    }
+
     const decoded = hexToUtf8(props.raw);
+
     return (
       <Grid
         bgColor={ bgColor }