From 787d89b8a73dcd74fef11bb8774cdccc3da9515e Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Wed, 27 Mar 2024 15:13:21 -0500
Subject: [PATCH] use different import profile page after setup

---
 src/router.tsx                        |  5 +++++
 src/routes/settings/ImportProfile.tsx | 20 ++++++++++++++++++++
 src/routes/settings/NostrKeys.tsx     |  2 +-
 src/routes/settings/index.ts          |  1 +
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/settings/ImportProfile.tsx

diff --git a/src/router.tsx b/src/router.tsx
index c77cb21..cf1692c 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -44,6 +44,7 @@ import {
     EmergencyKit,
     Encrypt,
     Gift,
+    ImportProfileSettings,
     Language,
     ManageFederations,
     NostrKeys,
@@ -187,6 +188,10 @@ export function Router() {
                 <Route path="/restore" component={Restore} />
                 <Route path="/servers" component={Servers} />
                 <Route path="/nostrkeys" component={NostrKeys} />
+                <Route
+                    path="/importprofile"
+                    component={ImportProfileSettings}
+                />
                 <Route path="/federations" component={ManageFederations} />
             </Route>
             <Route path="/*all" component={NotFound} />
diff --git a/src/routes/settings/ImportProfile.tsx b/src/routes/settings/ImportProfile.tsx
new file mode 100644
index 0000000..9f5dc56
--- /dev/null
+++ b/src/routes/settings/ImportProfile.tsx
@@ -0,0 +1,20 @@
+import { BackLink, DefaultMain, ImportNsecForm } from "~/components";
+
+export function ImportProfileSettings() {
+    return (
+        <DefaultMain>
+            <BackLink href="/settings/nostrkeys" />
+            <div class="mx-auto flex max-w-[20rem] flex-1 flex-col items-center gap-4">
+                <div class="flex-1" />
+                <h1 class="text-3xl font-semibold">Import nostr profile</h1>
+                <p class="text-center text-xl font-light text-neutral-200">
+                    Login with an existing nostr account.
+                    <br />
+                </p>
+                <div class="flex-1" />
+                <ImportNsecForm />
+                <div class="flex-1" />
+            </div>
+        </DefaultMain>
+    );
+}
diff --git a/src/routes/settings/NostrKeys.tsx b/src/routes/settings/NostrKeys.tsx
index 195a1c7..257e30f 100644
--- a/src/routes/settings/NostrKeys.tsx
+++ b/src/routes/settings/NostrKeys.tsx
@@ -58,7 +58,7 @@ export function NostrKeys() {
                     </VStack>
                 </FancyCard>
                 <A
-                    href="/importprofile"
+                    href="/settings/importprofile"
                     class="self-center text-base font-normal text-m-grey-400"
                 >
                     Import different nostr profile
diff --git a/src/routes/settings/index.ts b/src/routes/settings/index.ts
index 99dc8cc..1119e82 100644
--- a/src/routes/settings/index.ts
+++ b/src/routes/settings/index.ts
@@ -13,3 +13,4 @@ export * from "./Restore";
 export * from "./Servers";
 export * from "./ManageFederations";
 export * from "./NostrKeys";
+export * from "./ImportProfile";