From 5eed5d27a9033a146e573af6ec595c0e0db41587 Mon Sep 17 00:00:00 2001
From: pavanjoshi914 <pavanj914@gmail.com>
Date: Thu, 21 Nov 2024 13:02:11 +0530
Subject: [PATCH] feat: add banner to migrate to alby hub for alby account
 users before march

---
 src/app/context/AccountContext.tsx         |  1 +
 src/app/screens/Home/DefaultView/index.tsx | 26 ++++++++++++++++++++++
 src/common/lib/api.ts                      |  2 ++
 src/i18n/locales/en/translation.json       |  3 ++-
 src/types.ts                               |  2 ++
 5 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/app/context/AccountContext.tsx b/src/app/context/AccountContext.tsx
index d187faa4bf..14b950fdb3 100644
--- a/src/app/context/AccountContext.tsx
+++ b/src/app/context/AccountContext.tsx
@@ -23,6 +23,7 @@ interface AccountContextType {
     connectorType?: AccountInfo["connectorType"];
     lightningAddress?: AccountInfo["lightningAddress"];
     nodeRequired?: AccountInfo["nodeRequired"];
+    usingDiscontinuedWallet?: AccountInfo["usingDiscontinuedWallet"];
   } | null;
   balancesDecorated: {
     fiatBalance: string;
diff --git a/src/app/screens/Home/DefaultView/index.tsx b/src/app/screens/Home/DefaultView/index.tsx
index 8a22a4c5f9..e6aed1e415 100644
--- a/src/app/screens/Home/DefaultView/index.tsx
+++ b/src/app/screens/Home/DefaultView/index.tsx
@@ -172,6 +172,32 @@ const DefaultView: FC<Props> = (props) => {
             </div>
           </Alert>
         )}
+
+        {account?.usingDiscontinuedWallet && (
+          <Alert type="warn">
+            <div className="flex items-center gap-2">
+              <div className="shrink-0">
+                <PopiconsCircleExclamationLine className="w-5 h-5" />
+              </div>
+              <span className="text-sm">
+                <Trans
+                  i18nKey={"default_view.using_discontinued_wallet"}
+                  t={t}
+                  components={[
+                    // eslint-disable-next-line react/jsx-key
+                    <Hyperlink
+                      className="underline"
+                      href="https://getalby.com/node/embrace_albyhub"
+                      target="_blank"
+                      rel="noopener nofollow"
+                    />,
+                  ]}
+                />
+              </span>
+            </div>
+          </Alert>
+        )}
+
         {account?.nodeRequired ? (
           <Alert type="info">
             <div className="flex items-center gap-2">
diff --git a/src/common/lib/api.ts b/src/common/lib/api.ts
index 19d2fe9064..79aa602c1b 100644
--- a/src/common/lib/api.ts
+++ b/src/common/lib/api.ts
@@ -53,6 +53,7 @@ export interface AccountInfoRes {
     pubkey?: string;
     lightning_address?: string;
     node_required?: boolean;
+    using_discontinued_wallet?: boolean;
   };
   name: string;
   avatarUrl?: string;
@@ -121,6 +122,7 @@ export const swrGetAccountInfo = async (
           avatarUrl,
           lightningAddress: response.info.lightning_address,
           nodeRequired: response.info.node_required,
+          usingDiscontinuedWallet: response.info.using_discontinued_wallet,
         };
         storeAccounts({
           ...accountsCache,
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index d633ba936a..cff65e5eb5 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -413,7 +413,8 @@
             "description": "Fund your account and receive via your lightning address or an invoice"
           }
         },
-        "upgrade_account": "You are using the old LNDHub setup. <0>Please re-connect</0> your Alby account to get access to the latest features."
+        "upgrade_account": "You are using the old LNDHub setup. <0>Please re-connect</0> your Alby account to get access to the latest features.",
+        "using_discontinued_wallet": "Alby Hub replaces your current Alby wallet in January 2025. <0>Update now</0>."
       }
     },
     "accounts": {
diff --git a/src/types.ts b/src/types.ts
index 7e21f1c400..72e89ae269 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -50,10 +50,12 @@ export interface AccountInfo {
   avatarUrl?: string;
   lightningAddress?: string;
   nodeRequired?: boolean;
+  usingDiscontinuedWallet?: boolean;
 }
 
 export type GetAccountInformationResponses = GetAccountInformationResponse & {
   node_required: boolean;
+  using_discontinued_wallet: boolean;
   limits?: {
     max_send_volume: number;
     max_send_amount: number;