From 23034e67623d9741a163df44865331c41a8a9ddc Mon Sep 17 00:00:00 2001
From: Stefan Hardegger <dev@hardegger.io>
Date: Fri, 24 Jul 2026 08:20:29 +0200
Subject: [PATCH] improved import result screen

---
 frontend/src/app/import/epub/page.tsx | 14 +++++++++++++-
 frontend/src/app/import/file/page.tsx | 14 +++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/import/epub/page.tsx b/frontend/src/app/import/epub/page.tsx
index 9c909e9..9ac35e8 100644
--- a/frontend/src/app/import/epub/page.tsx
+++ b/frontend/src/app/import/epub/page.tsx
@@ -202,9 +202,21 @@ export default function EPUBImportPage() {
                 </div>
               )}
 
-              <div className="flex gap-4 mt-6">
+              <div className="flex flex-wrap gap-4 mt-6">
                 <Button
                   onClick={() => router.push(`/stories/${importResult.storyId}`)}
+                >
+                  Read Story
+                </Button>
+                <Button
+                  onClick={() => router.push(`/stories/${importResult.storyId}/edit`)}
+                  variant="secondary"
+                >
+                  Edit Story
+                </Button>
+                <Button
+                  onClick={() => router.push(`/stories/${importResult.storyId}/detail`)}
+                  variant="secondary"
                 >
                   View Story
                 </Button>
diff --git a/frontend/src/app/import/file/page.tsx b/frontend/src/app/import/file/page.tsx
index 9812be8..857cea5 100644
--- a/frontend/src/app/import/file/page.tsx
+++ b/frontend/src/app/import/file/page.tsx
@@ -445,9 +445,21 @@ export default function FileImportPage() {
                 </div>
               )}
 
-              <div className="flex gap-4 mt-6">
+              <div className="flex flex-wrap gap-4 mt-6">
                 <Button
                   onClick={() => router.push(`/stories/${importResult.storyId}`)}
+                >
+                  Read Story
+                </Button>
+                <Button
+                  onClick={() => router.push(`/stories/${importResult.storyId}/edit`)}
+                  variant="secondary"
+                >
+                  Edit Story
+                </Button>
+                <Button
+                  onClick={() => router.push(`/stories/${importResult.storyId}/detail`)}
+                  variant="secondary"
                 >
                   View Story
                 </Button>