diff --git a/src/components/tx/DecodedTx/index.tsx b/src/components/tx/DecodedTx/index.tsx index 3d40317595..2709ef17b9 100644 --- a/src/components/tx/DecodedTx/index.tsx +++ b/src/components/tx/DecodedTx/index.tsx @@ -1,5 +1,14 @@ import { type SyntheticEvent, type ReactElement, useMemo } from 'react' -import { Accordion, AccordionDetails, AccordionSummary, Box, Skeleton, Typography } from '@mui/material' +import { + Accordion, + AccordionDetails, + AccordionSummary, + Box, + Skeleton, + SvgIcon, + Tooltip, + Typography, +} from '@mui/material' import { OperationType, type SafeTransaction } from '@safe-global/safe-core-sdk-types' import { type DecodedDataResponse, @@ -19,6 +28,9 @@ import ApprovalEditor from '@/components/tx/ApprovalEditor' import { ErrorBoundary } from '@sentry/react' import { getNativeTransferData } from '@/services/tx/tokenTransferParams' import Multisend from '@/components/transactions/TxDetails/TxData/DecodedData/Multisend' +import InfoIcon from '@/public/images/notifications/info.svg' +import ExternalLink from '@/components/common/ExternalLink' +import { HelpCenterArticle } from '@/config/constants' type DecodedTxProps = { tx?: SafeTransaction @@ -97,8 +109,34 @@ const DecodedTx = ({ tx, txId }: DecodedTxProps): ReactElement | null => { )} - + Advanced details + + We recommend not changing the default values unless necessary.{' '} + + Learn more about advanced details + + . + + } + arrow + placement="top" + > + + + + {txDetails ? : tx && }