decode revert reason

types/api/transaction.ts

@@ -5,7 +5,6 @@ import type { TokenTransfer } from './tokenTransfer';
 
 export type TransactionRevertReason = {
   raw: string;
-  decoded: string;
 } | DecodedInput;
 
 export type Transaction = (

ui/tx/details/TxRevertReason.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 
 import type { TransactionRevertReason } from 'types/api/transaction';
 
+import hexToUtf8 from 'lib/hexToUtf8';
 import TxDecodedInputData from 'ui/tx/TxDecodedInputData';
 
 type Props = TransactionRevertReason;
@@ -25,7 +26,7 @@ const TxRevertReason = (props: Props) => {
         <GridItem fontWeight={ 500 }>Raw:</GridItem>
         <GridItem>{ props.raw }</GridItem>
         <GridItem fontWeight={ 500 }>Decoded:</GridItem>
-        <GridItem>{ props.decoded }</GridItem>
+        <GridItem>{ hexToUtf8(props.raw) }</GridItem>
       </Grid>
     );
   }