feat: Add Human readable descriptions

src/components/transactions/TxDetails/TxData/ReadableDescription/index.tsx

@@ -0,0 +1,11 @@
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+const ReadableDescription = ({ txData }: { txData?: TransactionData }) => {
+  // @ts-ignore TODO: Update gateway-sdk
+  if (!txData?.readableDescription) return null
+
+  // @ts-ignore TODO: Update gateway-sdk
+  return <div>{txData.readableDescription}</div>
+}
+
+export default ReadableDescription

src/components/transactions/TxDetails/index.tsx

@@ -30,6 +30,7 @@ import { DelegateCallWarning, UnsignedWarning } from '@/components/transactions/
 import Multisend from '@/components/transactions/TxDetails/TxData/DecodedData/Multisend'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import useIsPending from '@/hooks/useIsPending'
+import ReadableDescription from '@/components/transactions/TxDetails/TxData/ReadableDescription'
 
 export const NOT_AVAILABLE = 'n/a'
 
@@ -60,6 +61,7 @@ const TxDetailsBlock = ({ txSummary, txDetails }: TxDetailsProps): ReactElement
 
         <div className={css.txData}>
           <ErrorBoundary fallback={<div>Error parsing data</div>}>
+            <ReadableDescription txData={txDetails.txData} />
             <TxData txDetails={txDetails} />
           </ErrorBoundary>
         </div>

src/config/constants.ts

@@ -3,9 +3,8 @@ import chains from './chains'
 export const IS_PRODUCTION = !!process.env.NEXT_PUBLIC_IS_PRODUCTION
 export const IS_DEV = process.env.NODE_ENV === 'development'
 
-export const GATEWAY_URL_PRODUCTION =
-  process.env.NEXT_PUBLIC_GATEWAY_URL_PRODUCTION || 'https://safe-client.safe.global'
-export const GATEWAY_URL_STAGING = process.env.NEXT_PUBLIC_GATEWAY_URL_STAGING || 'https://safe-client.staging.5afe.dev'
+export const GATEWAY_URL_PRODUCTION = process.env.NEXT_PUBLIC_GATEWAY_URL_PRODUCTION || 'http://localhost:3030'
+export const GATEWAY_URL_STAGING = process.env.NEXT_PUBLIC_GATEWAY_URL_STAGING || 'http://localhost:3030'
 
 // Magic numbers
 export const POLLING_INTERVAL = 15_000