diff --git a/packages/linea-ens-app/public/locales/en/common.json b/packages/linea-ens-app/public/locales/en/common.json index 3b2a727b6..9767f5c25 100644 --- a/packages/linea-ens-app/public/locales/en/common.json +++ b/packages/linea-ens-app/public/locales/en/common.json @@ -386,5 +386,8 @@ }, "dns": { "refresh": "Refresh DNS" + }, + "warning": { + "finalization": "You will be able to use your new domain anywhere ENS is supported once the transaction is finalized on L1. This process takes 8 to 32 hours. Read more" } -} \ No newline at end of file +} diff --git a/packages/linea-ens-app/src/components/@molecules/TransactionDialogManager/stage/TransactionStageModal.tsx b/packages/linea-ens-app/src/components/@molecules/TransactionDialogManager/stage/TransactionStageModal.tsx index 43b380b31..8d3017f39 100644 --- a/packages/linea-ens-app/src/components/@molecules/TransactionDialogManager/stage/TransactionStageModal.tsx +++ b/packages/linea-ens-app/src/components/@molecules/TransactionDialogManager/stage/TransactionStageModal.tsx @@ -22,6 +22,7 @@ import { useAddRecentTransaction } from '@app/hooks/transactions/useAddRecentTra import { useRecentTransactions } from '@app/hooks/transactions/useRecentTransactions' import { useIsSafeApp } from '@app/hooks/useIsSafeApp' import { useQueryOptions } from '@app/hooks/useQueryOptions' +import { Content } from '@app/layouts/Content' import { ManagedDialogProps, TransactionFlowAction, @@ -506,6 +507,17 @@ export const TransactionStageModal = ({ )} {lowerError && {lowerError}} + {stage === 'complete' ? ( + + {{ + warning: { + type: 'warning', + message: t('warning.finalization'), + }, + trailing: <>, + }} + + ) : null} css` @@ -122,6 +123,7 @@ type Props = { const CompletePoh = ({ name, beautifiedName, callback }: Props) => { const { t } = useTranslation('register') + const { t: translateCommon } = useTranslation() const { width, height } = useWindowSize() const { avatarSrc } = useEthInvoice(name) @@ -175,6 +177,15 @@ const CompletePoh = ({ name, beautifiedName, callback }: Props) => { {t('steps.complete.description')} + + {{ + warning: { + type: 'warning', + message: translateCommon('warning.finalization'), + }, + trailing: <>, + }} +