From cc12393b50d21c6cb04abc80b7cf199d5e176a05 Mon Sep 17 00:00:00 2001
From: hom3mad3 <8156337+hom3mad3@users.noreply.github.com>
Date: Tue, 11 Feb 2025 13:20:47 +0100
Subject: [PATCH] modals/UrlModal: reset clicked state on close

---
 .../comments_async/static/modals/UrlModal.jsx       | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/adhocracy4/comments_async/static/modals/UrlModal.jsx b/adhocracy4/comments_async/static/modals/UrlModal.jsx
index 897d7ce5e..bf8bb52f0 100644
--- a/adhocracy4/comments_async/static/modals/UrlModal.jsx
+++ b/adhocracy4/comments_async/static/modals/UrlModal.jsx
@@ -10,7 +10,7 @@ const translated = {
 }
 
 export const UrlModal = (props) => {
-  const [clicked, setClicked] = useState(false)
+  const [copied, setCopied] = useState(false)
   const inputRef = useRef(null)
 
   const copyUrl = (e) => {
@@ -18,7 +18,7 @@ export const UrlModal = (props) => {
     if (inputRef.current) {
       navigator.clipboard.writeText(inputRef.current.value)
         .then(() => {
-          setClicked(true)
+          setCopied(true)
           return true
         })
         .catch((err) => {
@@ -27,6 +27,10 @@ export const UrlModal = (props) => {
     }
   }
 
+  const handleModalClose = () => {
+    setCopied(false)
+  }
+
   const partials = {
     hideHeader: true,
     hideFooter: true,
@@ -43,11 +47,11 @@ export const UrlModal = (props) => {
         />
         <button
           className="a4-url-modal__button"
-          aria-pressed={clicked}
+          aria-pressed={copied}
           autoComplete="off"
           onClick={(e) => copyUrl(e)}
         >
-          {clicked ? translated.buttonTextCopied : translated.buttonTextCopy}
+          {copied ? translated.buttonTextCopied : translated.buttonTextCopy}
         </button>
       </div>
     )
@@ -59,6 +63,7 @@ export const UrlModal = (props) => {
       partials={partials}
       toggle={<><i className="fas fa-share" aria-hidden="true" /> {translated.share}</>}
       keepOpenOnSubmit
+      onClose={handleModalClose}
     />
   )
 }