From c71ac3a76297749155f37fc7d91789fa16916bae Mon Sep 17 00:00:00 2001
From: Toni Kangas <toni.ar.kangas@gmail.com>
Date: Sun, 4 May 2025 18:28:59 +0300
Subject: [PATCH] Improve key-missing error message

---
 front-end/src/App.svelte | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/front-end/src/App.svelte b/front-end/src/App.svelte
index 2b1097a..c943e65 100644
--- a/front-end/src/App.svelte
+++ b/front-end/src/App.svelte
@@ -25,8 +25,9 @@
       const { key } = parsePath();
       if (!key) {
         setError({
-          status: 404,
-          title: "Question not found",
+          status: 400,
+          title:
+            "Question key is missing. Please ask for a valid link to the feedback form.",
         });
         return;
       }
@@ -80,14 +81,15 @@
   {:else if error}
     <Error {error} />
   {/if}
-  {#if question && view === "form"}
-    <Form {question} />
-  {:else if question && view === "summary"}
-    <Summary {question} />
-  {:else if question && view === "share"}
-    <Share {question} />
-  {/if}
+
   {#if question}
+    {#if view === "form"}
+      <Form {question} />
+    {:else if view === "summary"}
+      <Summary {question} />
+    {:else if view === "share"}
+      <Share {question} />
+    {/if}
     <div class="links">
       {#if view !== "form"}
         <Link target={`/${question.key}`}>Submit an answer</Link>