From 61b4b859c28b8989f52dc5175ec655f31ef7e0a3 Mon Sep 17 00:00:00 2001
From: wantedsystem <amine.harty@consensys.net>
Date: Wed, 24 Jul 2024 10:42:01 +0200
Subject: [PATCH 1/4] feat: add a warning for resolution delay

---
 .../stage/TransactionStageModal.tsx                 | 13 +++++++++++++
 .../profile/[name]/registration/CompletePoh.tsx     | 11 +++++++++++
 packages/linea-ens-app/src/layouts/Content.tsx      |  2 +-
 3 files changed, 25 insertions(+), 1 deletion(-)

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..33e65caeb 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,18 @@ export const TransactionStageModal = ({
           </Outlink>
         )}
         {lowerError && <Helper type="error">{lowerError}</Helper>}
+        {stage === 'complete' ? (
+          <Content title="" hideHeading={true}>
+            {{
+              warning: {
+                type: 'warning',
+                message:
+                  '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. <a href="https://google.com" style="color:blue;" target="_blank">Read more</a>',
+              },
+              trailing: <></>,
+            }}
+          </Content>
+        ) : null}
       </InnerDialog>
       <Dialog.Footer
         currentStep={currentStep}
diff --git a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
index db8637bf3..78372b7c8 100644
--- a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
+++ b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
@@ -13,6 +13,7 @@ import { Card } from '@app/components/Card'
 import { Button } from '@app/components/styled/Button'
 import { Typography } from '@app/components/styled/Typography'
 import useWindowSize from '@app/hooks/useWindowSize'
+import { Content } from '@app/layouts/Content'
 
 const StyledCard = styled(Card)(
   ({ theme }) => css`
@@ -175,6 +176,16 @@ const CompletePoh = ({ name, beautifiedName, callback }: Props) => {
         </Typography>
       </TitleContainer>
       <Typography>{t('steps.complete.description')}</Typography>
+      <Content title="" hideHeading={true}>
+        {{
+          warning: {
+            type: 'warning',
+            message:
+              '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. <a href="https://google.com" style="color:blue;" target="_blank">Read more</a>',
+          },
+          trailing: <></>,
+        }}
+      </Content>
       <ButtonContainer>
         <MobileFullWidth>
           <Button data-testid="view-name" onClick={() => callback(true)}>
diff --git a/packages/linea-ens-app/src/layouts/Content.tsx b/packages/linea-ens-app/src/layouts/Content.tsx
index b8a1a8d99..c37bd2e1c 100644
--- a/packages/linea-ens-app/src/layouts/Content.tsx
+++ b/packages/linea-ens-app/src/layouts/Content.tsx
@@ -263,7 +263,7 @@ export const Content = ({
   const WarningComponent = !loading && warning && (
     <WarningWrapper>
       <Banner title={warning.title} alert={warning.type}>
-        {warning.message}
+        <div dangerouslySetInnerHTML={{ __html: warning.message! }} />
       </Banner>
     </WarningWrapper>
   )

From f3bbda4ba78c0f1b4915c716ef3edb4ab5cb0c16 Mon Sep 17 00:00:00 2001
From: wantedsystem <amine.harty@consensys.net>
Date: Wed, 24 Jul 2024 10:46:16 +0200
Subject: [PATCH 2/4] chore: update read me doc url

---
 .../TransactionDialogManager/stage/TransactionStageModal.tsx    | 2 +-
 .../pages/profile/[name]/registration/CompletePoh.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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 33e65caeb..064a37891 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
@@ -513,7 +513,7 @@ export const TransactionStageModal = ({
               warning: {
                 type: 'warning',
                 message:
-                  '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. <a href="https://google.com" style="color:blue;" target="_blank">Read more</a>',
+                  '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. <a href="https://docs.linea.build/" style="color:blue;" target="_blank">Read more</a>',
               },
               trailing: <></>,
             }}
diff --git a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
index 78372b7c8..789a128ac 100644
--- a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
+++ b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
@@ -181,7 +181,7 @@ const CompletePoh = ({ name, beautifiedName, callback }: Props) => {
           warning: {
             type: 'warning',
             message:
-              '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. <a href="https://google.com" style="color:blue;" target="_blank">Read more</a>',
+              '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. <a href="https://docs.linea.build/" style="color:blue;" target="_blank">Read more</a>',
           },
           trailing: <></>,
         }}

From 80ca0488d1191f1460fc4f1b758daf92c8e1ce66 Mon Sep 17 00:00:00 2001
From: wantedsystem <amine.harty@consensys.net>
Date: Wed, 24 Jul 2024 17:59:05 +0200
Subject: [PATCH 3/4] fix: small fixes

---
 packages/linea-ens-app/public/locales/en/common.json        | 5 ++++-
 .../stage/TransactionStageModal.tsx                         | 5 ++---
 .../pages/profile/[name]/registration/CompletePoh.tsx       | 6 +++---
 3 files changed, 9 insertions(+), 7 deletions(-)

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. <a href='https://docs.linea.build/' style='color:blue;' target='_blank'>Read more</a>"
   }
-}
\ 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 064a37891..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
@@ -508,12 +508,11 @@ export const TransactionStageModal = ({
         )}
         {lowerError && <Helper type="error">{lowerError}</Helper>}
         {stage === 'complete' ? (
-          <Content title="" hideHeading={true}>
+          <Content title="" hideHeading>
             {{
               warning: {
                 type: 'warning',
-                message:
-                  '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. <a href="https://docs.linea.build/" style="color:blue;" target="_blank">Read more</a>',
+                message: t('warning.finalization'),
               },
               trailing: <></>,
             }}
diff --git a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
index 789a128ac..519d94637 100644
--- a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
+++ b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
@@ -123,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)
 
@@ -176,12 +177,11 @@ const CompletePoh = ({ name, beautifiedName, callback }: Props) => {
         </Typography>
       </TitleContainer>
       <Typography>{t('steps.complete.description')}</Typography>
-      <Content title="" hideHeading={true}>
+      <Content title="" hideHeading>
         {{
           warning: {
             type: 'warning',
-            message:
-              '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. <a href="https://docs.linea.build/" style="color:blue;" target="_blank">Read more</a>',
+            message: translateCommon('warning.finalization'),
           },
           trailing: <></>,
         }}

From 2e979fbb731618f4469f5fa2b31d6d00f9a4a635 Mon Sep 17 00:00:00 2001
From: wantedsystem <amine.harty@consensys.net>
Date: Thu, 25 Jul 2024 09:41:34 +0200
Subject: [PATCH 4/4] fix: fix lint

---
 .../pages/profile/[name]/registration/CompletePoh.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
index 519d94637..20466abb6 100644
--- a/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
+++ b/packages/linea-ens-app/src/components/pages/profile/[name]/registration/CompletePoh.tsx
@@ -123,7 +123,7 @@ type Props = {
 
 const CompletePoh = ({ name, beautifiedName, callback }: Props) => {
   const { t } = useTranslation('register')
-  const { t:translateCommon } = useTranslation()
+  const { t: translateCommon } = useTranslation()
   const { width, height } = useWindowSize()
   const { avatarSrc } = useEthInvoice(name)