From 28bf7d36d450767dabec973a22e3907ecad29494 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Mon, 22 Jul 2024 15:47:38 +0200
Subject: [PATCH] fix: add warning

---
 frontend/src/screens/setup/ImportMnemonic.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/screens/setup/ImportMnemonic.tsx b/frontend/src/screens/setup/ImportMnemonic.tsx
index 2b111fc7..79d193aa 100644
--- a/frontend/src/screens/setup/ImportMnemonic.tsx
+++ b/frontend/src/screens/setup/ImportMnemonic.tsx
@@ -1,12 +1,12 @@
 import * as bip39 from "@scure/bip39";
 import { wordlist } from "@scure/bip39/wordlists/english";
-import { LifeBuoy, ShieldCheck } from "lucide-react";
+import { AlertTriangleIcon, LifeBuoy, ShieldCheck } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 
 import MnemonicInputs from "src/components/MnemonicInputs";
 import TwoColumnLayoutHeader from "src/components/TwoColumnLayoutHeader";
-import { Alert } from "src/components/ui/alert";
+import { Alert, AlertDescription, AlertTitle } from "src/components/ui/alert";
 import { Button } from "src/components/ui/button";
 import { useToast } from "src/components/ui/use-toast";
 import useSetupStore from "src/state/SetupStore";
@@ -61,6 +61,16 @@ export function ImportMnemonic() {
           description="Enter the your Master Key recovery phrase to import your Alby Hub."
         />
 
+        <Alert>
+          <AlertTriangleIcon className="h-4 w-4" />
+          <AlertTitle>
+            Do not re-use the same key on multiple devices
+          </AlertTitle>
+          <AlertDescription>
+            If you want to transfer your existing Hub to another machine please
+            use the migrate feature from the Alby Hub settings.
+          </AlertDescription>
+        </Alert>
         <Alert>
           <div className="flex flex-col gap-4">
             <div className="flex gap-2 items-center">