From 2e29c70d1727d05f6a812b4b0159d18d563f3fc8 Mon Sep 17 00:00:00 2001
From: Richard Wong <richard@richardwong.io>
Date: Mon, 1 Jul 2024 16:26:11 +0900
Subject: [PATCH] Fix: remove bug causing clicking on text linking to first box

---
 package.json           | 3 ++-
 src/VerseValidator.css | 5 +++++
 src/VerseValidator.jsx | 8 ++++----
 src/assets/verse.json  | 4 ++--
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 398a765..9d31659 100644
--- a/package.json
+++ b/package.json
@@ -26,5 +26,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
     "vite": "^4.3.2"
-  }
+  },
+  "packageManager": "pnpm@8.15.4+sha512.0bd3a9be9eb0e9a692676deec00a303ba218ba279d99241475616b398dbaeedd11146f92c2843458f557b1d127e09d4c171e105bdcd6b61002b39685a8016b9e"
 }
diff --git a/src/VerseValidator.css b/src/VerseValidator.css
index 6c49476..c77e727 100644
--- a/src/VerseValidator.css
+++ b/src/VerseValidator.css
@@ -39,6 +39,11 @@
   font-size: 15px;
 }
 
+.reference-label .main-title-box-label .title-box-label .verse-box-label {
+  pointer-events: none;
+}
+
+
 .verse-box {
   max-width:400px;
   height: 10vh;
diff --git a/src/VerseValidator.jsx b/src/VerseValidator.jsx
index 18f4dcd..9170ffb 100644
--- a/src/VerseValidator.jsx
+++ b/src/VerseValidator.jsx
@@ -116,7 +116,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
       {/* toggle hiding reference */}
       {toHideReference ? (
         <div>
-          <label className="reference-label" htmlFor="referenceBox">
+          <label className="reference-label">
             Input Verse Reference:
           </label>
           <textarea
@@ -136,7 +136,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
       {/* toggle chapterTitle */}
       {chapterTitle && (
         <div>
-          <label className="main-title-box-label" htmlFor="chapterTitleBox">
+          <label className="main-title-box-label">
             Input Chapter Title:
           </label>
           <textarea
@@ -150,7 +150,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
       )}
 
       {/* input box for title */}
-      <label className="title-box-label" htmlFor="titleBox">
+      <label className="title-box-label">
         Input Title:
       </label>
       <textarea
@@ -162,7 +162,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
       />
 
       {/* input box for verse */}
-      <label className="verse-box-label" htmlFor="verseBox">
+      <label className="verse-box-label">
         Input Verse:
       </label>
       <textarea
diff --git a/src/assets/verse.json b/src/assets/verse.json
index 7cf7629..3e3c958 100644
--- a/src/assets/verse.json
+++ b/src/assets/verse.json
@@ -648,7 +648,7 @@
       "pack": "DEP 2",
       "title": "To discern and obey God's will",
       "chapterTitle": "Why do we have Quiet Time",
-      "reference": "Psalm 143:8,10",
+      "reference": "Psalms 143:8,10",
       "verse": "Let the morning bring me word of your unfailing love, for I have put my trust in you. Show me the way I should go, for to you I lift up my soul.  Teach me to do your will, for you are my God; may your good Spirit lead me on level ground."
     }
   ],
@@ -922,7 +922,7 @@
       "pack": "DEP 3",
       "title": "Being our joy and delight",
       "chapterTitle": "Value of the Word",
-      "reference": "Psalm 119:111",
+      "reference": "Psalms 119:111",
       "verse": "Your statutes are my heritage forever; they are the joy of my heart." 
     },
     {