From af0981a679d21c6364a276dc1dba1ca2b1cc8a34 Mon Sep 17 00:00:00 2001
From: AaronBenDaniel <144371000+AaronBenDaniel@users.noreply.github.com>
Date: Fri, 8 Nov 2024 12:42:38 -0500
Subject: [PATCH] fix(frontend): Help Modal updated for URLs (#18 -
 @AaronBenDaniel)

* fixed help modal

* fix(frontend): Update Help Modal

---------

Co-authored-by: TheOnlyWayUp <hi@towu.dev>
---
 src/frontend/src/routes/+page.svelte | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/frontend/src/routes/+page.svelte b/src/frontend/src/routes/+page.svelte
index 452b2dd..d3f99ea 100644
--- a/src/frontend/src/routes/+page.svelte
+++ b/src/frontend/src/routes/+page.svelte
@@ -234,32 +234,31 @@
 
 <!-- Open the modal using ID.showModal() method -->
 
-<dialog id="StoryIDTutorialModal" class="modal">
+<dialog id="StoryURLTutorialModal" class="modal">
   <div class="modal-box">
     <form method="dialog">
       <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
         >✕</button
       >
     </form>
-    <h3 class="font-bold text-lg">Retrieving a Story ID</h3>
+    <h3 class="font-bold text-lg">Finding the Story URL</h3>
     <ol class="list list-disc list-inside py-4 space-y-4">
       <li>
-        Open the Story URL, this page includes the story description and tags.
-        (For example, <span class="font-mono bg-slate-100 p-1"
-          >wattpad.com/story/237369078-wattpad-books-presents</span
-        >).
+        Copy the URL from the Website, or hit share and copy the URL on the App.
       </li>
       <li>
-        Copy the numbers after the <span class="font-mono bg-slate-100 p-1"
-          >/</span
-        >
-        (In the example, that'd be,
+        For example,
         <span class="font-mono bg-slate-100 p-1"
-          >wattpad.com/story/<span class="bg-amber-200 p-1">237369078</span
-          >-wattpad-books-presents</span
-        >)
+          >wattpad.com/<span class="bg-amber-200 rounded-sm">story</span
+          >/237369078-wattpad-books-presents</span
+        >.
       </li>
-      <li>Paste the Story ID and hit Download!</li>
+      <li>
+        <span class="font-mono bg-slate-100 p-1"
+          >https://www.wattpad.com/939103774-given</span
+        > is okay too.
+      </li>
+      <li>Paste the URL and hit Download!</li>
     </ol>
   </div>
   <form method="dialog" class="modal-backdrop">