feat: add banner to migrate to alby hub for alby account users before…

… march
getAlby · Nov 21, 2024 · 5eed5d2 · 5eed5d2
1 parent fa670bf
commit 5eed5d2
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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;