From d6179d0fdca562a376cf0fd8bb18f1fa9cc7144c Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 13:28:04 +0200
Subject: [PATCH 1/7] feat(reply modal): disable draggable on mobile and
 calculate absolute top position

---
 .../reply-modal/reply-modal.module.css        | 10 +++
 src/components/reply-modal/reply-modal.tsx    | 81 +++++++++++++------
 2 files changed, 67 insertions(+), 24 deletions(-)

diff --git a/src/components/reply-modal/reply-modal.module.css b/src/components/reply-modal/reply-modal.module.css
index 5acd55f6..e0ab7519 100644
--- a/src/components/reply-modal/reply-modal.module.css
+++ b/src/components/reply-modal/reply-modal.module.css
@@ -57,4 +57,14 @@
   text-transform: capitalize;
   float: right;
   cursor: pointer;
+}
+
+@media (max-width: 640px) {
+  .container {
+    position: absolute;
+  }
+
+  .title {
+    cursor: default;
+  }
 }
\ No newline at end of file
diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx
index eda69f8d..c914fdec 100644
--- a/src/components/reply-modal/reply-modal.tsx
+++ b/src/components/reply-modal/reply-modal.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import Draggable from 'react-draggable';
@@ -6,6 +6,7 @@ import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js';
 import { useAccount } from '@plebbit/plebbit-react-hooks';
 import { isValidURL } from '../../lib/utils/url-utils';
 import useReply from '../../hooks/use-reply';
+import useWindowWidth from '../../hooks/use-window-width';
 import styles from './reply-modal.module.css';
 import _ from 'lodash';
 
@@ -48,31 +49,63 @@ const ReplyModal = ({ closeModal, parentCid }: ReplyModalProps) => {
     }
   }, [replyIndex, resetContent, closeModal]);
 
-  // react-draggable requires a ref to the modal node
-  const nodeRef = useRef(null);
+  const nodeRef = useRef<HTMLDivElement>(null);
+  const isMobile = useWindowWidth() < 640;
 
-  return (
-    <Draggable handle='.replyModalHandle' nodeRef={nodeRef}>
-      <div className={styles.container} ref={nodeRef}>
-        <div className={`replyModalHandle ${styles.title}`}>
-          Reply to c/{parentCid && Plebbit.getShortCid(parentCid)}
-          <button className={styles.closeIcon} onClick={closeModal} title='close' />
-        </div>
-        <div className={styles.replyForm}>
-          <div className={styles.name}>
-            <input type='text' defaultValue={displayName} placeholder={displayName ? undefined : _.capitalize(t('anonymous'))} />
-          </div>
-          <div className={styles.link}>
-            <input type='text' ref={urlRef} placeholder={_.capitalize(t('link'))} onChange={(e) => setContent.link(e.target.value)} />
-          </div>
-          <div className={styles.content}>
-            <textarea cols={48} rows={4} wrap='soft' ref={textRef} placeholder={_.capitalize(t('comment'))} onChange={(e) => setContent.content(e.target.value)} />
-          </div>
-          <div className={styles.footer}>
-            <button onClick={onPublishReply}>{t('reply')}</button>
-          </div>
-        </div>
+  // on mobile, the position is absolute instead of fixed, so we need to calculate the top position
+  useEffect(() => {
+    if (nodeRef.current && isMobile) {
+      const viewportHeight = window.innerHeight;
+      const scrollY = window.scrollY;
+      const modalHeight = 150;
+      const centeredPosition = scrollY + viewportHeight / 2 - modalHeight / 2;
+      nodeRef.current.style.top = `${centeredPosition}px`;
+    }
+  }, []);
+
+  const ReplyForm = React.memo(() => (
+    <div className={styles.replyForm}>
+      <div className={styles.name}>
+        <input type='text' defaultValue={displayName} placeholder={displayName ? undefined : _.capitalize(t('anonymous'))} />
       </div>
+      <div className={styles.link}>
+        <input type='text' ref={urlRef} placeholder={_.capitalize(t('link'))} onChange={(e) => setContent.link(e.target.value)} />
+      </div>
+      <div className={styles.content}>
+        <textarea cols={48} rows={4} wrap='soft' ref={textRef} placeholder={_.capitalize(t('comment'))} onChange={(e) => setContent.content(e.target.value)} />
+      </div>
+      <div className={styles.footer}>
+        <button onClick={onPublishReply}>{t('reply')}</button>
+      </div>
+    </div>
+  ));
+
+  const ModalTitle = () => (
+    <div className={`replyModalHandle ${styles.title}`}>
+      Reply to c/{parentCid && Plebbit.getShortCid(parentCid)}
+      <button
+        className={styles.closeIcon}
+        onClick={(e) => {
+          e.stopPropagation();
+          closeModal();
+        }}
+        title='close'
+      />
+    </div>
+  );
+
+  const modalContent = (
+    <div className={styles.container} ref={nodeRef}>
+      <ModalTitle />
+      <ReplyForm />
+    </div>
+  );
+
+  return isMobile ? (
+    modalContent
+  ) : (
+    <Draggable handle='.replyModalHandle' nodeRef={nodeRef}>
+      {modalContent}
     </Draggable>
   );
 };

From 05cc3c41740a96c64bd7b30e9c09a98c76cff3b5 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 13:34:46 +0200
Subject: [PATCH 2/7] fix(reply modal): add minimal timeout to allow rerender
 when already opened

---
 src/components/post/post.module.css        |  4 +++
 src/components/reply-modal/reply-modal.tsx |  2 +-
 src/hooks/use-reply-modal.ts               | 30 ++++++++++++----------
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index 4e7d3b7c..0ff6cc29 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -426,6 +426,10 @@
   font-weight: 700 !important;
 }
 
+.replyToPost {
+  cursor: pointer;
+}
+
 @media (max-width: 640px) {
   .postDesktop {
     display: none;
diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx
index c914fdec..e8e4dfee 100644
--- a/src/components/reply-modal/reply-modal.tsx
+++ b/src/components/reply-modal/reply-modal.tsx
@@ -61,7 +61,7 @@ const ReplyModal = ({ closeModal, parentCid }: ReplyModalProps) => {
       const centeredPosition = scrollY + viewportHeight / 2 - modalHeight / 2;
       nodeRef.current.style.top = `${centeredPosition}px`;
     }
-  }, []);
+  }, [isMobile]);
 
   const ReplyForm = React.memo(() => (
     <div className={styles.replyForm}>
diff --git a/src/hooks/use-reply-modal.ts b/src/hooks/use-reply-modal.ts
index 01e3ddc8..c459cedb 100644
--- a/src/hooks/use-reply-modal.ts
+++ b/src/hooks/use-reply-modal.ts
@@ -4,25 +4,27 @@ const useReplyModal = () => {
   const [showReplyModal, setShowReplyModal] = useState(false);
   const [activeCid, setActiveCid] = useState<string | null>(null);
 
-  const openReplyModal = useCallback(
-    (cid: string) => {
-      if (activeCid && activeCid !== cid) {
-        closeModal(); // close modal if a different CID is clicked
-        setActiveCid(cid);
-        setShowReplyModal(true);
-      } else if (!activeCid) {
-        setActiveCid(cid);
-        setShowReplyModal(true);
-      }
-    },
-    [activeCid],
-  );
-
   const closeModal = useCallback(() => {
     setActiveCid(null);
     setShowReplyModal(false);
   }, []);
 
+  const openReplyModal = useCallback(
+    (cid: string) => {
+      if (activeCid && activeCid !== cid) {
+        closeModal();
+        setTimeout(() => {
+          setActiveCid(cid);
+          setShowReplyModal(true);
+        }, 0); // minimal timeout to allow for state reset
+      } else if (!activeCid) {
+        setActiveCid(cid);
+        setShowReplyModal(true);
+      }
+    },
+    [activeCid, closeModal],
+  );
+
   return { showReplyModal, activeCid, openReplyModal, closeModal };
 };
 

From 1e5c675e95f9c7a9eb5f96204a4e4788cc32ab3b Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 14:26:02 +0200
Subject: [PATCH 3/7] feat(reply modal): change displayName from name field,
 style focused inputs, translate title

---
 public/translations/ar/default.json           |  3 +-
 public/translations/bn/default.json           |  3 +-
 public/translations/cs/default.json           |  3 +-
 public/translations/da/default.json           |  3 +-
 public/translations/de/default.json           |  3 +-
 public/translations/el/default.json           |  3 +-
 public/translations/en/default.json           |  3 +-
 public/translations/es/default.json           |  3 +-
 public/translations/fa/default.json           |  3 +-
 public/translations/fi/default.json           |  3 +-
 public/translations/fil/default.json          |  3 +-
 public/translations/fr/default.json           |  3 +-
 public/translations/he/default.json           |  3 +-
 public/translations/hi/default.json           |  3 +-
 public/translations/hu/default.json           |  3 +-
 public/translations/id/default.json           |  3 +-
 public/translations/it/default.json           |  3 +-
 public/translations/ja/default.json           |  3 +-
 public/translations/ko/default.json           |  3 +-
 public/translations/mr/default.json           |  3 +-
 public/translations/nl/default.json           |  3 +-
 public/translations/no/default.json           |  3 +-
 public/translations/pl/default.json           |  3 +-
 public/translations/pt/default.json           |  3 +-
 public/translations/ro/default.json           |  3 +-
 public/translations/ru/default.json           |  3 +-
 public/translations/sq/default.json           |  3 +-
 public/translations/sv/default.json           |  3 +-
 public/translations/te/default.json           |  3 +-
 public/translations/th/default.json           |  3 +-
 public/translations/tr/default.json           |  3 +-
 public/translations/uk/default.json           |  3 +-
 public/translations/ur/default.json           |  3 +-
 public/translations/vi/default.json           |  3 +-
 public/translations/zh/default.json           |  3 +-
 .../reply-modal/reply-modal.module.css        | 12 ++--
 src/components/reply-modal/reply-modal.tsx    | 67 +++++++++----------
 37 files changed, 110 insertions(+), 74 deletions(-)

diff --git a/public/translations/ar/default.json b/public/translations/ar/default.json
index fc0e9c5e..345cef59 100644
--- a/public/translations/ar/default.json
+++ b/public/translations/ar/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "التعليق طويل جدًا. <1>اضغط هنا</1> لعرض النص الكامل.",
   "replies_omitted": "{{repliesCount}} ردود محذوفة. <1>اضغط هنا</1> لعرضها.",
   "replies_and_links_omitted": "{{repliesCount}} ردود و{{linksCount}} روابط محذوفة. <1>اضغط هنا</1> لعرضها.",
-  "thread_closed_alert": "الموضوع مغلق"
+  "thread_closed_alert": "الموضوع مغلق",
+  "reply_to_cid": "الرد على {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/bn/default.json b/public/translations/bn/default.json
index b74f78fe..096370bd 100644
--- a/public/translations/bn/default.json
+++ b/public/translations/bn/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "মন্তব্য খুব দীর্ঘ। <1>পূর্ণ পাঠ্য দেখতে এখানে ক্লিক করুন</1>।",
   "replies_omitted": "{{repliesCount}}টি উত্তর বাদ দেওয়া হয়েছে। <1>দেখতে এখানে ক্লিক করুন</1>।",
   "replies_and_links_omitted": "{{repliesCount}}টি উত্তর এবং {{linksCount}}টি লিঙ্ক বাদ দেওয়া হয়েছে। <1>দেখতে এখানে ক্লিক করুন</1>।",
-  "thread_closed_alert": "থ্রেডটি বন্ধ করা হয়েছে"
+  "thread_closed_alert": "থ্রেডটি বন্ধ করা হয়েছে",
+  "reply_to_cid": "{{cid}}-এ উত্তর দিন"
 }
\ No newline at end of file
diff --git a/public/translations/cs/default.json b/public/translations/cs/default.json
index 97b0a3de..39af75f8 100644
--- a/public/translations/cs/default.json
+++ b/public/translations/cs/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Komentář je příliš dlouhý. <1>Klikněte zde</1> pro zobrazení celého textu.",
   "replies_omitted": "{{repliesCount}} odpovědí vynecháno. <1>Klikněte zde</1> pro zobrazení.",
   "replies_and_links_omitted": "{{repliesCount}} odpovědí a {{linksCount}} odkazů vynecháno. <1>Klikněte zde</1> pro zobrazení.",
-  "thread_closed_alert": "Vlákno je uzavřeno"
+  "thread_closed_alert": "Vlákno je uzavřeno",
+  "reply_to_cid": "Odpovědět na {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/da/default.json b/public/translations/da/default.json
index 581b45ba..770ff5ca 100644
--- a/public/translations/da/default.json
+++ b/public/translations/da/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Kommentaren er for lang. <1>Klik her</1> for at se hele teksten.",
   "replies_omitted": "{{repliesCount}} svar udeladt. <1>Klik her</1> for at se dem.",
   "replies_and_links_omitted": "{{repliesCount}} svar og {{linksCount}} links udeladt. <1>Klik her</1> for at se dem.",
-  "thread_closed_alert": "Tråden er lukket"
+  "thread_closed_alert": "Tråden er lukket",
+  "reply_to_cid": "Svar til {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/de/default.json b/public/translations/de/default.json
index 7e6df859..80dde6e4 100644
--- a/public/translations/de/default.json
+++ b/public/translations/de/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Kommentar zu lang. <1>Klicken Sie hier</1>, um den vollständigen Text anzuzeigen.",
   "replies_omitted": "{{repliesCount}} Antworten ausgelassen. <1>Klicken Sie hier</1>, um sie anzuzeigen.",
   "replies_and_links_omitted": "{{repliesCount}} Antworten und {{linksCount}} Links ausgelassen. <1>Klicken Sie hier</1>, um sie anzuzeigen.",
-  "thread_closed_alert": "Der Thread ist geschlossen"
+  "thread_closed_alert": "Der Thread ist geschlossen",
+  "reply_to_cid": "Antwort an {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/el/default.json b/public/translations/el/default.json
index 4927f4bb..9c9eecba 100644
--- a/public/translations/el/default.json
+++ b/public/translations/el/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Το σχόλιο είναι πολύ μακροσκελές. <1>Κάντε κλικ εδώ</1> για να δείτε το πλήρες κείμενο.",
   "replies_omitted": "{{repliesCount}} απαντήσεις παραλείφθηκαν. <1>Κάντε κλικ εδώ</1> για να τις δείτε.",
   "replies_and_links_omitted": "{{repliesCount}} απαντήσεις και {{linksCount}} σύνδεσμοι παραλείφθηκαν. <1>Κάντε κλικ εδώ</1> για να τις δείτε.",
-  "thread_closed_alert": "Το νήμα έχει κλείσει"
+  "thread_closed_alert": "Το νήμα έχει κλείσει",
+  "reply_to_cid": "Απάντηση σε {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/en/default.json b/public/translations/en/default.json
index 431f808f..0acad424 100644
--- a/public/translations/en/default.json
+++ b/public/translations/en/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Comment too long. <1>Click here</1> to view the full text.",
   "replies_omitted": "{{repliesCount}} replies omitted. <1>Click here</1> to view.",
   "replies_and_links_omitted": "{{repliesCount}} replies and {{linksCount}} links omitted. <1>Click here</1> to view.",
-  "thread_closed_alert": "This thread is closed"
+  "thread_closed_alert": "This thread is closed",
+  "reply_to_cid": "Reply to {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/es/default.json b/public/translations/es/default.json
index ca55ff87..6ba58425 100644
--- a/public/translations/es/default.json
+++ b/public/translations/es/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Comentario demasiado largo. <1>Haz clic aquí</1> para ver el texto completo.",
   "replies_omitted": "{{repliesCount}} respuestas omitidas. <1>Haz clic aquí</1> para verlas.",
   "replies_and_links_omitted": "{{repliesCount}} respuestas y {{linksCount}} enlaces omitidos. <1>Haz clic aquí</1> para verlos.",
-  "thread_closed_alert": "El hilo está cerrado"
+  "thread_closed_alert": "El hilo está cerrado",
+  "reply_to_cid": "Responder a {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/fa/default.json b/public/translations/fa/default.json
index b8b10622..38c28c12 100644
--- a/public/translations/fa/default.json
+++ b/public/translations/fa/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "نظر بسیار طولانی است. <1>اینجا کلیک کنید</1> تا متن کامل را ببینید.",
   "replies_omitted": "{{repliesCount}} پاسخ حذف شده است. <1>اینجا کلیک کنید</1> تا آنها را مشاهده کنید.",
   "replies_and_links_omitted": "{{repliesCount}} پاسخ و {{linksCount}} لینک حذف شده است. <1>اینجا کلیک کنید</1> تا آنها را مشاهده کنید.",
-  "thread_closed_alert": "موضوع بسته شده است"
+  "thread_closed_alert": "موضوع بسته شده است",
+  "reply_to_cid": "پاسخ به {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/fi/default.json b/public/translations/fi/default.json
index 11341f19..0bd9ab39 100644
--- a/public/translations/fi/default.json
+++ b/public/translations/fi/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Kommentti on liian pitkä. <1>Napsauta tästä</1> nähdäksesi koko tekstin.",
   "replies_omitted": "{{repliesCount}} vastausta jätetty pois. <1>Napsauta tästä</1> nähdäksesi ne.",
   "replies_and_links_omitted": "{{repliesCount}} vastausta ja {{linksCount}} linkkiä jätetty pois. <1>Napsauta tästä</1> nähdäksesi ne.",
-  "thread_closed_alert": "Ketju on suljettu"
+  "thread_closed_alert": "Ketju on suljettu",
+  "reply_to_cid": "Vastaa {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/fil/default.json b/public/translations/fil/default.json
index f0fe4e70..6caf34d1 100644
--- a/public/translations/fil/default.json
+++ b/public/translations/fil/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Masyadong mahaba ang komento. <1>I-click dito</1> upang makita ang buong teksto.",
   "replies_omitted": "{{repliesCount}} mga tugon ang hindi ipinakita. <1>I-click dito</1> upang makita.",
   "replies_and_links_omitted": "{{repliesCount}} mga tugon at {{linksCount}} mga link ang hindi ipinakita. <1>I-click dito</1> upang makita.",
-  "thread_closed_alert": "Sarado na ang thread"
+  "thread_closed_alert": "Sarado na ang thread",
+  "reply_to_cid": "Tumugon sa {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/fr/default.json b/public/translations/fr/default.json
index 09653643..85ad94e0 100644
--- a/public/translations/fr/default.json
+++ b/public/translations/fr/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Commentaire trop long. <1>Cliquez ici</1> pour voir le texte complet.",
   "replies_omitted": "{{repliesCount}} réponses omises. <1>Cliquez ici</1> pour les afficher.",
   "replies_and_links_omitted": "{{repliesCount}} réponses et {{linksCount}} liens omis. <1>Cliquez ici</1> pour les afficher.",
-  "thread_closed_alert": "Le fil est fermé"
+  "thread_closed_alert": "Le fil est fermé",
+  "reply_to_cid": "Répondre à {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/he/default.json b/public/translations/he/default.json
index b49af68f..5f6a0e0a 100644
--- a/public/translations/he/default.json
+++ b/public/translations/he/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "התגובה ארוכה מדי. <1>לחץ כאן</1> כדי לראות את הטקסט המלא.",
   "replies_omitted": "{{repliesCount}} תגובות נשמטו. <1>לחץ כאן</1> לצפייה.",
   "replies_and_links_omitted": "{{repliesCount}} תגובות ו{{linksCount}} קישורים נשמטו. <1>לחץ כאן</1> לצפייה.",
-  "thread_closed_alert": "האשכול סגור"
+  "thread_closed_alert": "האשכול סגור",
+  "reply_to_cid": "תגובה ל{{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/hi/default.json b/public/translations/hi/default.json
index ec41b0ff..bd172b50 100644
--- a/public/translations/hi/default.json
+++ b/public/translations/hi/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "टिप्पणी बहुत लंबी है। <1>पूरा टेक्स्ट देखने के लिए यहां क्लिक करें</1>।",
   "replies_omitted": "{{repliesCount}} उत्तर छोड़े गए हैं। <1>देखने के लिए यहां क्लिक करें</1>।",
   "replies_and_links_omitted": "{{repliesCount}} उत्तर और {{linksCount}} लिंक छोड़े गए हैं। <1>देखने के लिए यहां क्लिक करें</1>।",
-  "thread_closed_alert": "यह थ्रेड बंद है"
+  "thread_closed_alert": "यह थ्रेड बंद है",
+  "reply_to_cid": "{{cid}} का उत्तर दें"
 }
\ No newline at end of file
diff --git a/public/translations/hu/default.json b/public/translations/hu/default.json
index ce807949..b9e505bf 100644
--- a/public/translations/hu/default.json
+++ b/public/translations/hu/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "A megjegyzés túl hosszú. <1>Kattintson ide</1> a teljes szöveg megtekintéséhez.",
   "replies_omitted": "{{repliesCount}} válasz kihagyva. <1>Kattintson ide</1> a megtekintéshez.",
   "replies_and_links_omitted": "{{repliesCount}} válasz és {{linksCount}} link kihagyva. <1>Kattintson ide</1> a megtekintéshez.",
-  "thread_closed_alert": "A téma lezárva"
+  "thread_closed_alert": "A téma lezárva",
+  "reply_to_cid": "Válasz erre: {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/id/default.json b/public/translations/id/default.json
index d4ff253d..243e5628 100644
--- a/public/translations/id/default.json
+++ b/public/translations/id/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Komentar terlalu panjang. <1>Klik di sini</1> untuk melihat teks lengkap.",
   "replies_omitted": "{{repliesCount}} balasan dihilangkan. <1>Klik di sini</1> untuk melihat.",
   "replies_and_links_omitted": "{{repliesCount}} balasan dan {{linksCount}} tautan dihilangkan. <1>Klik di sini</1> untuk melihat.",
-  "thread_closed_alert": "Thread ini ditutup"
+  "thread_closed_alert": "Thread ini ditutup",
+  "reply_to_cid": "Balas ke {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/it/default.json b/public/translations/it/default.json
index 272266a7..98e61cde 100644
--- a/public/translations/it/default.json
+++ b/public/translations/it/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Commento troppo lungo. <1>Clicca qui</1> per vedere il testo completo.",
   "replies_omitted": "{{repliesCount}} risposte omesse. <1>Clicca qui</1> per visualizzare.",
   "replies_and_links_omitted": "{{repliesCount}} risposte e {{linksCount}} link omessi. <1>Clicca qui</1> per visualizzare.",
-  "thread_closed_alert": "Questo thread è chiuso"
+  "thread_closed_alert": "Questo thread è chiuso",
+  "reply_to_cid": "Rispondi a {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/ja/default.json b/public/translations/ja/default.json
index 1c2daef2..d3515fe9 100644
--- a/public/translations/ja/default.json
+++ b/public/translations/ja/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "コメントが長すぎます。 <1>ここをクリック</1>して全文を表示。",
   "replies_omitted": "{{repliesCount}}件の返信が省略されました。 <1>ここをクリック</1>して表示。",
   "replies_and_links_omitted": "{{repliesCount}}件の返信と{{linksCount}}件のリンクが省略されました。 <1>ここをクリック</1>して表示。",
-  "thread_closed_alert": "このスレッドは閉じられています"
+  "thread_closed_alert": "このスレッドは閉じられています",
+  "reply_to_cid": "{{cid}}に返信"
 }
\ No newline at end of file
diff --git a/public/translations/ko/default.json b/public/translations/ko/default.json
index bbd25d9e..100d2963 100644
--- a/public/translations/ko/default.json
+++ b/public/translations/ko/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "댓글이 너무 깁니다. <1>여기를 클릭하십시오</1> 전체 텍스트를 보려면.",
   "replies_omitted": "{{repliesCount}}개의 답글이 생략되었습니다. <1>여기를 클릭하십시오</1> 보려면.",
   "replies_and_links_omitted": "{{repliesCount}}개의 답글과 {{linksCount}}개의 링크가 생략되었습니다. <1>여기를 클릭하십시오</1> 보려면.",
-  "thread_closed_alert": "이 스레드는 닫혔습니다"
+  "thread_closed_alert": "이 스레드는 닫혔습니다",
+  "reply_to_cid": "{{cid}}에 답변"
 }
\ No newline at end of file
diff --git a/public/translations/mr/default.json b/public/translations/mr/default.json
index 5fd9161b..87099064 100644
--- a/public/translations/mr/default.json
+++ b/public/translations/mr/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "टिप्पणी खूप लांब आहे. <1>पूर्ण मजकूर पाहण्यासाठी येथे क्लिक करा</1>.",
   "replies_omitted": "{{repliesCount}} प्रतिसाद वगळले गेले आहेत. <1>पाहण्यासाठी येथे क्लिक करा</1>.",
   "replies_and_links_omitted": "{{repliesCount}} प्रतिसाद आणि {{linksCount}} दुवे वगळले गेले आहेत. <1>पाहण्यासाठी येथे क्लिक करा</1>.",
-  "thread_closed_alert": "हा थ्रेड बंद आहे"
+  "thread_closed_alert": "हा थ्रेड बंद आहे",
+  "reply_to_cid": "{{cid}} ला उत्तर द्या"
 }
\ No newline at end of file
diff --git a/public/translations/nl/default.json b/public/translations/nl/default.json
index cb43cd2b..4eeb5f4b 100644
--- a/public/translations/nl/default.json
+++ b/public/translations/nl/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Reactie te lang. <1>Klik hier</1> om de volledige tekst te bekijken.",
   "replies_omitted": "{{repliesCount}} reacties weggelaten. <1>Klik hier</1> om ze te bekijken.",
   "replies_and_links_omitted": "{{repliesCount}} reacties en {{linksCount}} links weggelaten. <1>Klik hier</1> om ze te bekijken.",
-  "thread_closed_alert": "De thread is gesloten"
+  "thread_closed_alert": "De thread is gesloten",
+  "reply_to_cid": "Reageren op {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/no/default.json b/public/translations/no/default.json
index 99306ad1..c8954bca 100644
--- a/public/translations/no/default.json
+++ b/public/translations/no/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Kommentaren er for lang. <1>Klikk her</1> for å se hele teksten.",
   "replies_omitted": "{{repliesCount}} svar utelatt. <1>Klikk her</1> for å se dem.",
   "replies_and_links_omitted": "{{repliesCount}} svar og {{linksCount}} lenker utelatt. <1>Klikk her</1> for å se dem.",
-  "thread_closed_alert": "Tråden er stengt"
+  "thread_closed_alert": "Tråden er stengt",
+  "reply_to_cid": "Svar til {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/pl/default.json b/public/translations/pl/default.json
index 4a3adcf9..3f4d2bac 100644
--- a/public/translations/pl/default.json
+++ b/public/translations/pl/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Komentarz jest za długi. <1>Kliknij tutaj</1>, aby zobaczyć pełny tekst.",
   "replies_omitted": "Pominięto {{repliesCount}} odpowiedzi. <1>Kliknij tutaj</1>, aby je zobaczyć.",
   "replies_and_links_omitted": "Pominięto {{repliesCount}} odpowiedzi i {{linksCount}} linków. <1>Kliknij tutaj</1>, aby je zobaczyć.",
-  "thread_closed_alert": "Wątek jest zamknięty"
+  "thread_closed_alert": "Wątek jest zamknięty",
+  "reply_to_cid": "Odpowiedz na {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/pt/default.json b/public/translations/pt/default.json
index cab2ba50..c5c81896 100644
--- a/public/translations/pt/default.json
+++ b/public/translations/pt/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Comentário muito longo. <1>Clique aqui</1> para ver o texto completo.",
   "replies_omitted": "{{repliesCount}} respostas omitidas. <1>Clique aqui</1> para visualizar.",
   "replies_and_links_omitted": "{{repliesCount}} respostas e {{linksCount}} links omitidos. <1>Clique aqui</1> para visualizar.",
-  "thread_closed_alert": "O tópico está fechado"
+  "thread_closed_alert": "O tópico está fechado",
+  "reply_to_cid": "Responder a {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/ro/default.json b/public/translations/ro/default.json
index d5a8947c..6c30257f 100644
--- a/public/translations/ro/default.json
+++ b/public/translations/ro/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Comentariul este prea lung. <1>Click aici</1> pentru a vedea textul complet.",
   "replies_omitted": "{{repliesCount}} răspunsuri omise. <1>Click aici</1> pentru a le vizualiza.",
   "replies_and_links_omitted": "{{repliesCount}} răspunsuri și {{linksCount}} linkuri omise. <1>Click aici</1> pentru a le vizualiza.",
-  "thread_closed_alert": "Acest fir de discuție este închis"
+  "thread_closed_alert": "Acest fir de discuție este închis",
+  "reply_to_cid": "Răspundeți la {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/ru/default.json b/public/translations/ru/default.json
index 9171d56f..4403fdef 100644
--- a/public/translations/ru/default.json
+++ b/public/translations/ru/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Комментарий слишком длинный. <1>Нажмите здесь</1>, чтобы прочитать полный текст.",
   "replies_omitted": "{{repliesCount}} ответов пропущено. <1>Нажмите здесь</1>, чтобы посмотреть.",
   "replies_and_links_omitted": "{{repliesCount}} ответов и {{linksCount}} ссылок пропущено. <1>Нажмите здесь</1>, чтобы посмотреть.",
-  "thread_closed_alert": "Тема закрыта"
+  "thread_closed_alert": "Тема закрыта",
+  "reply_to_cid": "Ответить на {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/sq/default.json b/public/translations/sq/default.json
index 646956d8..38c2949d 100644
--- a/public/translations/sq/default.json
+++ b/public/translations/sq/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Komenti është shumë i gjatë. <1>Kliko këtu</1> për të parë tekstin e plotë.",
   "replies_omitted": "{{repliesCount}} përgjigje janë lënë jashtë. <1>Kliko këtu</1> për t'i shikuar.",
   "replies_and_links_omitted": "{{repliesCount}} përgjigje dhe {{linksCount}} lidhje janë lënë jashtë. <1>Kliko këtu</1> për t'i shikuar.",
-  "thread_closed_alert": "Temë është mbyllur"
+  "thread_closed_alert": "Temë është mbyllur",
+  "reply_to_cid": "Përgjigju në {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/sv/default.json b/public/translations/sv/default.json
index f4ae4592..8f5b59d4 100644
--- a/public/translations/sv/default.json
+++ b/public/translations/sv/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Kommentaren är för lång. <1>Klicka här</1> för att se hela texten.",
   "replies_omitted": "{{repliesCount}} svar utelämnade. <1>Klicka här</1> för att visa dem.",
   "replies_and_links_omitted": "{{repliesCount}} svar och {{linksCount}} länkar utelämnade. <1>Klicka här</1> för att visa dem.",
-  "thread_closed_alert": "Tråden är stängd"
+  "thread_closed_alert": "Tråden är stängd",
+  "reply_to_cid": "Svara på {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/te/default.json b/public/translations/te/default.json
index aa4eabea..1983dbfc 100644
--- a/public/translations/te/default.json
+++ b/public/translations/te/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "వ్యాఖ్య చాలా పొడవుగా ఉంది. <1>పూర్తి టెక్స్ట్ చూడటానికి ఇక్కడ క్లిక్ చేయండి</1>.",
   "replies_omitted": "{{repliesCount}} స్పందనలు వదిలివేయబడ్డాయి. <1>చూడటానికి ఇక్కడ క్లిక్ చేయండి</1>.",
   "replies_and_links_omitted": "{{repliesCount}} స్పందనలు మరియు {{linksCount}} లింకులు వదిలివేయబడ్డాయి. <1>చూడటానికి ఇక్కడ క్లిక్ చేయండి</1>.",
-  "thread_closed_alert": "ఈ థ్రెడ్ మూసివేయబడింది"
+  "thread_closed_alert": "ఈ థ్రెడ్ మూసివేయబడింది",
+  "reply_to_cid": "{{cid}}కి స్పందించండి"
 }
\ No newline at end of file
diff --git a/public/translations/th/default.json b/public/translations/th/default.json
index f04ae435..5d6559ea 100644
--- a/public/translations/th/default.json
+++ b/public/translations/th/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "ความคิดเห็นยาวเกินไป <1>คลิกที่นี่</1> เพื่อดูข้อความเต็ม.",
   "replies_omitted": "ข้าม {{repliesCount}} คำตอบ <1>คลิกที่นี่</1> เพื่อดู.",
   "replies_and_links_omitted": "ข้าม {{repliesCount}} คำตอบและ {{linksCount}} ลิงก์ <1>คลิกที่นี่</1> เพื่อดู.",
-  "thread_closed_alert": "กระทู้นี้ถูกปิด"
+  "thread_closed_alert": "กระทู้นี้ถูกปิด",
+  "reply_to_cid": "ตอบกลับ {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/tr/default.json b/public/translations/tr/default.json
index 01ea8901..065be639 100644
--- a/public/translations/tr/default.json
+++ b/public/translations/tr/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Yorum çok uzun. <1>Buraya tıklayın</1> tam metni görüntülemek için.",
   "replies_omitted": "{{repliesCount}} yanıt göz ardı edildi. <1>Buraya tıklayın</1> görüntülemek için.",
   "replies_and_links_omitted": "{{repliesCount}} yanıt ve {{linksCount}} bağlantı göz ardı edildi. <1>Buraya tıklayın</1> görüntülemek için.",
-  "thread_closed_alert": "Bu konu kapatılmıştır"
+  "thread_closed_alert": "Bu konu kapatılmıştır",
+  "reply_to_cid": "{{cid}}’ye yanıt ver"
 }
\ No newline at end of file
diff --git a/public/translations/uk/default.json b/public/translations/uk/default.json
index 00ccd4a2..a339ad23 100644
--- a/public/translations/uk/default.json
+++ b/public/translations/uk/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Коментар занадто довгий. <1>Натисніть тут</1>, щоб переглянути повний текст.",
   "replies_omitted": "{{repliesCount}} відповідей пропущено. <1>Натисніть тут</1>, щоб переглянути.",
   "replies_and_links_omitted": "{{repliesCount}} відповідей та {{linksCount}} посилань пропущено. <1>Натисніть тут</1>, щоб переглянути.",
-  "thread_closed_alert": "Тему закрито"
+  "thread_closed_alert": "Тему закрито",
+  "reply_to_cid": "Відповісти на {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/ur/default.json b/public/translations/ur/default.json
index 2a62c06a..c3c31656 100644
--- a/public/translations/ur/default.json
+++ b/public/translations/ur/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "تبصرہ بہت طویل ہے۔ <1>مکمل متن دیکھنے کے لیے یہاں کلک کریں</1>۔",
   "replies_omitted": "{{repliesCount}} جوابات چھوڑ دیے گئے ہیں۔ <1>مکمل دیکھنے کے لیے یہاں کلک کریں</1>۔",
   "replies_and_links_omitted": "{{repliesCount}} جوابات اور {{linksCount}} لنکس چھوڑ دیے گئے ہیں۔ <1>مکمل دیکھنے کے لیے یہاں کلک کریں</1>۔",
-  "thread_closed_alert": "یہ دھاگہ بند ہے"
+  "thread_closed_alert": "یہ دھاگہ بند ہے",
+  "reply_to_cid": "{{cid}} کا جواب دیں"
 }
\ No newline at end of file
diff --git a/public/translations/vi/default.json b/public/translations/vi/default.json
index f49d5b95..5fd54c96 100644
--- a/public/translations/vi/default.json
+++ b/public/translations/vi/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "Bình luận quá dài. <1>Nhấn vào đây</1> để xem toàn bộ văn bản.",
   "replies_omitted": "{{repliesCount}} câu trả lời bị bỏ qua. <1>Nhấn vào đây</1> để xem.",
   "replies_and_links_omitted": "{{repliesCount}} câu trả lời và {{linksCount}} liên kết bị bỏ qua. <1>Nhấn vào đây</1> để xem.",
-  "thread_closed_alert": "Chủ đề này đã đóng"
+  "thread_closed_alert": "Chủ đề này đã đóng",
+  "reply_to_cid": "Trả lời {{cid}}"
 }
\ No newline at end of file
diff --git a/public/translations/zh/default.json b/public/translations/zh/default.json
index 18f22749..aeed949b 100644
--- a/public/translations/zh/default.json
+++ b/public/translations/zh/default.json
@@ -59,5 +59,6 @@
   "comment_too_long": "评论太长。 <1>点击这里</1>查看完整文本。",
   "replies_omitted": "省略了{{repliesCount}}条回复。 <1>点击这里</1>查看。",
   "replies_and_links_omitted": "省略了{{repliesCount}}条回复和{{linksCount}}个链接。 <1>点击这里</1>查看。",
-  "thread_closed_alert": "该主题已关闭"
+  "thread_closed_alert": "该主题已关闭",
+  "reply_to_cid": "回复{{cid}}"
 }
\ No newline at end of file
diff --git a/src/components/reply-modal/reply-modal.module.css b/src/components/reply-modal/reply-modal.module.css
index e0ab7519..00c02f7a 100644
--- a/src/components/reply-modal/reply-modal.module.css
+++ b/src/components/reply-modal/reply-modal.module.css
@@ -38,17 +38,21 @@
   background-image: var(--close-button-background-image);
 }
 
-.container input, .container textarea {
-  border: 1px solid #aaa;
-  font-family: Arial, Helvetica, sans-serif;
+.container input[type="text"], .container textarea {
+  border: var(--post-form-field-input-border, revert);
+  font-family: var(--post-form-field-font-family, revert);
   font-size: 10pt;
-  outline: medium none;
+  outline: var(--post-form-field-input-outline, revert);
   width: 298px;
   filter: var(--filter80);
   padding: 2px;
   margin-bottom: 1px;
 }
 
+.container input[type="text"]:focus, .container textarea:focus {
+  border: var(--post-form-field-input-focus-border, revert);
+}
+
 .content textarea {
   vertical-align: top;
 }
diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx
index e8e4dfee..a7b72103 100644
--- a/src/components/reply-modal/reply-modal.tsx
+++ b/src/components/reply-modal/reply-modal.tsx
@@ -1,9 +1,9 @@
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import Draggable from 'react-draggable';
 import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js';
-import { useAccount } from '@plebbit/plebbit-react-hooks';
+import { setAccount, useAccount } from '@plebbit/plebbit-react-hooks';
 import { isValidURL } from '../../lib/utils/url-utils';
 import useReply from '../../hooks/use-reply';
 import useWindowWidth from '../../hooks/use-window-width';
@@ -63,41 +63,38 @@ const ReplyModal = ({ closeModal, parentCid }: ReplyModalProps) => {
     }
   }, [isMobile]);
 
-  const ReplyForm = React.memo(() => (
-    <div className={styles.replyForm}>
-      <div className={styles.name}>
-        <input type='text' defaultValue={displayName} placeholder={displayName ? undefined : _.capitalize(t('anonymous'))} />
-      </div>
-      <div className={styles.link}>
-        <input type='text' ref={urlRef} placeholder={_.capitalize(t('link'))} onChange={(e) => setContent.link(e.target.value)} />
-      </div>
-      <div className={styles.content}>
-        <textarea cols={48} rows={4} wrap='soft' ref={textRef} placeholder={_.capitalize(t('comment'))} onChange={(e) => setContent.content(e.target.value)} />
-      </div>
-      <div className={styles.footer}>
-        <button onClick={onPublishReply}>{t('reply')}</button>
-      </div>
-    </div>
-  ));
-
-  const ModalTitle = () => (
-    <div className={`replyModalHandle ${styles.title}`}>
-      Reply to c/{parentCid && Plebbit.getShortCid(parentCid)}
-      <button
-        className={styles.closeIcon}
-        onClick={(e) => {
-          e.stopPropagation();
-          closeModal();
-        }}
-        title='close'
-      />
-    </div>
-  );
-
   const modalContent = (
     <div className={styles.container} ref={nodeRef}>
-      <ModalTitle />
-      <ReplyForm />
+      <div className={`replyModalHandle ${styles.title}`}>
+        {t('reply_to_cid', { cid: `c/${parentCid && Plebbit.getShortCid(parentCid)}`, interpolation: { escapeValue: false } })}
+        <button
+          className={styles.closeIcon}
+          onClick={(e) => {
+            e.stopPropagation();
+            closeModal();
+          }}
+          title='close'
+        />
+      </div>
+      <div className={styles.replyForm}>
+        <div className={styles.name}>
+          <input
+            type='text'
+            defaultValue={displayName}
+            placeholder={displayName ? undefined : _.capitalize(t('anonymous'))}
+            onChange={(e) => setAccount({ ...account, author: { ...account?.author, displayName: e.target.value } })}
+          />
+        </div>
+        <div className={styles.link}>
+          <input type='text' ref={urlRef} placeholder={_.capitalize(t('link'))} onChange={(e) => setContent.link(e.target.value)} />
+        </div>
+        <div className={styles.content}>
+          <textarea cols={48} rows={4} wrap='soft' ref={textRef} placeholder={_.capitalize(t('comment'))} onChange={(e) => setContent.content(e.target.value)} />
+        </div>
+        <div className={styles.footer}>
+          <button onClick={onPublishReply}>{t('reply')}</button>
+        </div>
+      </div>
     </div>
   );
 

From 5a45e2784198de11b725da305263fb0e244674c0 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 14:53:46 +0200
Subject: [PATCH 4/7] add autofocus, update themes, translate 'submit'

---
 public/translations/ar/default.json                   |  3 ++-
 public/translations/bn/default.json                   |  3 ++-
 public/translations/cs/default.json                   |  3 ++-
 public/translations/da/default.json                   |  3 ++-
 public/translations/de/default.json                   |  3 ++-
 public/translations/el/default.json                   |  3 ++-
 public/translations/en/default.json                   |  3 ++-
 public/translations/es/default.json                   |  3 ++-
 public/translations/fa/default.json                   |  3 ++-
 public/translations/fi/default.json                   |  3 ++-
 public/translations/fil/default.json                  |  3 ++-
 public/translations/fr/default.json                   |  3 ++-
 public/translations/he/default.json                   |  3 ++-
 public/translations/hi/default.json                   |  3 ++-
 public/translations/hu/default.json                   |  3 ++-
 public/translations/id/default.json                   |  3 ++-
 public/translations/it/default.json                   |  3 ++-
 public/translations/ja/default.json                   |  3 ++-
 public/translations/ko/default.json                   |  3 ++-
 public/translations/mr/default.json                   |  3 ++-
 public/translations/nl/default.json                   |  3 ++-
 public/translations/no/default.json                   |  3 ++-
 public/translations/pl/default.json                   |  3 ++-
 public/translations/pt/default.json                   |  3 ++-
 public/translations/ro/default.json                   |  3 ++-
 public/translations/ru/default.json                   |  3 ++-
 public/translations/sq/default.json                   |  3 ++-
 public/translations/sv/default.json                   |  3 ++-
 public/translations/te/default.json                   |  3 ++-
 public/translations/th/default.json                   |  3 ++-
 public/translations/tr/default.json                   |  3 ++-
 public/translations/uk/default.json                   |  3 ++-
 public/translations/ur/default.json                   |  3 ++-
 public/translations/vi/default.json                   |  3 ++-
 public/translations/zh/default.json                   |  3 ++-
 src/components/post-form/post-form.tsx                |  1 -
 src/components/reply-modal/reply-modal.tsx            | 10 +++++++++-
 .../subplebbit-description/subplebbit-description.tsx |  9 +++++----
 src/themes.css                                        |  4 ++--
 src/views/board/board.tsx                             |  9 ++++++++-
 src/views/catalog/catalog.tsx                         |  7 ++++---
 src/views/post-page/post-page.tsx                     | 11 +++++++++--
 42 files changed, 107 insertions(+), 49 deletions(-)

diff --git a/public/translations/ar/default.json b/public/translations/ar/default.json
index 345cef59..3d54f810 100644
--- a/public/translations/ar/default.json
+++ b/public/translations/ar/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} ردود محذوفة. <1>اضغط هنا</1> لعرضها.",
   "replies_and_links_omitted": "{{repliesCount}} ردود و{{linksCount}} روابط محذوفة. <1>اضغط هنا</1> لعرضها.",
   "thread_closed_alert": "الموضوع مغلق",
-  "reply_to_cid": "الرد على {{cid}}"
+  "reply_to_cid": "الرد على {{cid}}",
+  "submit": "إرسال"
 }
\ No newline at end of file
diff --git a/public/translations/bn/default.json b/public/translations/bn/default.json
index 096370bd..ae8c52ee 100644
--- a/public/translations/bn/default.json
+++ b/public/translations/bn/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}}টি উত্তর বাদ দেওয়া হয়েছে। <1>দেখতে এখানে ক্লিক করুন</1>।",
   "replies_and_links_omitted": "{{repliesCount}}টি উত্তর এবং {{linksCount}}টি লিঙ্ক বাদ দেওয়া হয়েছে। <1>দেখতে এখানে ক্লিক করুন</1>।",
   "thread_closed_alert": "থ্রেডটি বন্ধ করা হয়েছে",
-  "reply_to_cid": "{{cid}}-এ উত্তর দিন"
+  "reply_to_cid": "{{cid}}-এ উত্তর দিন",
+  "submit": "জমা দিন"
 }
\ No newline at end of file
diff --git a/public/translations/cs/default.json b/public/translations/cs/default.json
index 39af75f8..6c161dcd 100644
--- a/public/translations/cs/default.json
+++ b/public/translations/cs/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} odpovědí vynecháno. <1>Klikněte zde</1> pro zobrazení.",
   "replies_and_links_omitted": "{{repliesCount}} odpovědí a {{linksCount}} odkazů vynecháno. <1>Klikněte zde</1> pro zobrazení.",
   "thread_closed_alert": "Vlákno je uzavřeno",
-  "reply_to_cid": "Odpovědět na {{cid}}"
+  "reply_to_cid": "Odpovědět na {{cid}}",
+  "submit": "Odeslat"
 }
\ No newline at end of file
diff --git a/public/translations/da/default.json b/public/translations/da/default.json
index 770ff5ca..a77d8154 100644
--- a/public/translations/da/default.json
+++ b/public/translations/da/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} svar udeladt. <1>Klik her</1> for at se dem.",
   "replies_and_links_omitted": "{{repliesCount}} svar og {{linksCount}} links udeladt. <1>Klik her</1> for at se dem.",
   "thread_closed_alert": "Tråden er lukket",
-  "reply_to_cid": "Svar til {{cid}}"
+  "reply_to_cid": "Svar til {{cid}}",
+  "submit": "Indsend"
 }
\ No newline at end of file
diff --git a/public/translations/de/default.json b/public/translations/de/default.json
index 80dde6e4..ab2d492a 100644
--- a/public/translations/de/default.json
+++ b/public/translations/de/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} Antworten ausgelassen. <1>Klicken Sie hier</1>, um sie anzuzeigen.",
   "replies_and_links_omitted": "{{repliesCount}} Antworten und {{linksCount}} Links ausgelassen. <1>Klicken Sie hier</1>, um sie anzuzeigen.",
   "thread_closed_alert": "Der Thread ist geschlossen",
-  "reply_to_cid": "Antwort an {{cid}}"
+  "reply_to_cid": "Antwort an {{cid}}",
+  "submit": "Einreichen"
 }
\ No newline at end of file
diff --git a/public/translations/el/default.json b/public/translations/el/default.json
index 9c9eecba..49f04b71 100644
--- a/public/translations/el/default.json
+++ b/public/translations/el/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} απαντήσεις παραλείφθηκαν. <1>Κάντε κλικ εδώ</1> για να τις δείτε.",
   "replies_and_links_omitted": "{{repliesCount}} απαντήσεις και {{linksCount}} σύνδεσμοι παραλείφθηκαν. <1>Κάντε κλικ εδώ</1> για να τις δείτε.",
   "thread_closed_alert": "Το νήμα έχει κλείσει",
-  "reply_to_cid": "Απάντηση σε {{cid}}"
+  "reply_to_cid": "Απάντηση σε {{cid}}",
+  "submit": "Υποβολή"
 }
\ No newline at end of file
diff --git a/public/translations/en/default.json b/public/translations/en/default.json
index 0acad424..106f28d0 100644
--- a/public/translations/en/default.json
+++ b/public/translations/en/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} replies omitted. <1>Click here</1> to view.",
   "replies_and_links_omitted": "{{repliesCount}} replies and {{linksCount}} links omitted. <1>Click here</1> to view.",
   "thread_closed_alert": "This thread is closed",
-  "reply_to_cid": "Reply to {{cid}}"
+  "reply_to_cid": "Reply to {{cid}}",
+  "submit": "Submit"
 }
\ No newline at end of file
diff --git a/public/translations/es/default.json b/public/translations/es/default.json
index 6ba58425..607ee726 100644
--- a/public/translations/es/default.json
+++ b/public/translations/es/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} respuestas omitidas. <1>Haz clic aquí</1> para verlas.",
   "replies_and_links_omitted": "{{repliesCount}} respuestas y {{linksCount}} enlaces omitidos. <1>Haz clic aquí</1> para verlos.",
   "thread_closed_alert": "El hilo está cerrado",
-  "reply_to_cid": "Responder a {{cid}}"
+  "reply_to_cid": "Responder a {{cid}}",
+  "submit": "Enviar"
 }
\ No newline at end of file
diff --git a/public/translations/fa/default.json b/public/translations/fa/default.json
index 38c28c12..39479dd5 100644
--- a/public/translations/fa/default.json
+++ b/public/translations/fa/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} پاسخ حذف شده است. <1>اینجا کلیک کنید</1> تا آنها را مشاهده کنید.",
   "replies_and_links_omitted": "{{repliesCount}} پاسخ و {{linksCount}} لینک حذف شده است. <1>اینجا کلیک کنید</1> تا آنها را مشاهده کنید.",
   "thread_closed_alert": "موضوع بسته شده است",
-  "reply_to_cid": "پاسخ به {{cid}}"
+  "reply_to_cid": "پاسخ به {{cid}}",
+  "submit": "ارسال"
 }
\ No newline at end of file
diff --git a/public/translations/fi/default.json b/public/translations/fi/default.json
index 0bd9ab39..7f116156 100644
--- a/public/translations/fi/default.json
+++ b/public/translations/fi/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} vastausta jätetty pois. <1>Napsauta tästä</1> nähdäksesi ne.",
   "replies_and_links_omitted": "{{repliesCount}} vastausta ja {{linksCount}} linkkiä jätetty pois. <1>Napsauta tästä</1> nähdäksesi ne.",
   "thread_closed_alert": "Ketju on suljettu",
-  "reply_to_cid": "Vastaa {{cid}}"
+  "reply_to_cid": "Vastaa {{cid}}",
+  "submit": "Lähetä"
 }
\ No newline at end of file
diff --git a/public/translations/fil/default.json b/public/translations/fil/default.json
index 6caf34d1..a9c07848 100644
--- a/public/translations/fil/default.json
+++ b/public/translations/fil/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} mga tugon ang hindi ipinakita. <1>I-click dito</1> upang makita.",
   "replies_and_links_omitted": "{{repliesCount}} mga tugon at {{linksCount}} mga link ang hindi ipinakita. <1>I-click dito</1> upang makita.",
   "thread_closed_alert": "Sarado na ang thread",
-  "reply_to_cid": "Tumugon sa {{cid}}"
+  "reply_to_cid": "Tumugon sa {{cid}}",
+  "submit": "Isumite"
 }
\ No newline at end of file
diff --git a/public/translations/fr/default.json b/public/translations/fr/default.json
index 85ad94e0..411467d2 100644
--- a/public/translations/fr/default.json
+++ b/public/translations/fr/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} réponses omises. <1>Cliquez ici</1> pour les afficher.",
   "replies_and_links_omitted": "{{repliesCount}} réponses et {{linksCount}} liens omis. <1>Cliquez ici</1> pour les afficher.",
   "thread_closed_alert": "Le fil est fermé",
-  "reply_to_cid": "Répondre à {{cid}}"
+  "reply_to_cid": "Répondre à {{cid}}",
+  "submit": "Soumettre"
 }
\ No newline at end of file
diff --git a/public/translations/he/default.json b/public/translations/he/default.json
index 5f6a0e0a..24350796 100644
--- a/public/translations/he/default.json
+++ b/public/translations/he/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} תגובות נשמטו. <1>לחץ כאן</1> לצפייה.",
   "replies_and_links_omitted": "{{repliesCount}} תגובות ו{{linksCount}} קישורים נשמטו. <1>לחץ כאן</1> לצפייה.",
   "thread_closed_alert": "האשכול סגור",
-  "reply_to_cid": "תגובה ל{{cid}}"
+  "reply_to_cid": "תגובה ל{{cid}}",
+  "submit": "שלח"
 }
\ No newline at end of file
diff --git a/public/translations/hi/default.json b/public/translations/hi/default.json
index bd172b50..ff9775e4 100644
--- a/public/translations/hi/default.json
+++ b/public/translations/hi/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} उत्तर छोड़े गए हैं। <1>देखने के लिए यहां क्लिक करें</1>।",
   "replies_and_links_omitted": "{{repliesCount}} उत्तर और {{linksCount}} लिंक छोड़े गए हैं। <1>देखने के लिए यहां क्लिक करें</1>।",
   "thread_closed_alert": "यह थ्रेड बंद है",
-  "reply_to_cid": "{{cid}} का उत्तर दें"
+  "reply_to_cid": "{{cid}} का उत्तर दें",
+  "submit": "जमा करें"
 }
\ No newline at end of file
diff --git a/public/translations/hu/default.json b/public/translations/hu/default.json
index b9e505bf..1a94daf2 100644
--- a/public/translations/hu/default.json
+++ b/public/translations/hu/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} válasz kihagyva. <1>Kattintson ide</1> a megtekintéshez.",
   "replies_and_links_omitted": "{{repliesCount}} válasz és {{linksCount}} link kihagyva. <1>Kattintson ide</1> a megtekintéshez.",
   "thread_closed_alert": "A téma lezárva",
-  "reply_to_cid": "Válasz erre: {{cid}}"
+  "reply_to_cid": "Válasz erre: {{cid}}",
+  "submit": "Beküldés"
 }
\ No newline at end of file
diff --git a/public/translations/id/default.json b/public/translations/id/default.json
index 243e5628..bd8d2b44 100644
--- a/public/translations/id/default.json
+++ b/public/translations/id/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} balasan dihilangkan. <1>Klik di sini</1> untuk melihat.",
   "replies_and_links_omitted": "{{repliesCount}} balasan dan {{linksCount}} tautan dihilangkan. <1>Klik di sini</1> untuk melihat.",
   "thread_closed_alert": "Thread ini ditutup",
-  "reply_to_cid": "Balas ke {{cid}}"
+  "reply_to_cid": "Balas ke {{cid}}",
+  "submit": "Kirim"
 }
\ No newline at end of file
diff --git a/public/translations/it/default.json b/public/translations/it/default.json
index 98e61cde..365c217c 100644
--- a/public/translations/it/default.json
+++ b/public/translations/it/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} risposte omesse. <1>Clicca qui</1> per visualizzare.",
   "replies_and_links_omitted": "{{repliesCount}} risposte e {{linksCount}} link omessi. <1>Clicca qui</1> per visualizzare.",
   "thread_closed_alert": "Questo thread è chiuso",
-  "reply_to_cid": "Rispondi a {{cid}}"
+  "reply_to_cid": "Rispondi a {{cid}}",
+  "submit": "Invia"
 }
\ No newline at end of file
diff --git a/public/translations/ja/default.json b/public/translations/ja/default.json
index d3515fe9..ce176d1d 100644
--- a/public/translations/ja/default.json
+++ b/public/translations/ja/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}}件の返信が省略されました。 <1>ここをクリック</1>して表示。",
   "replies_and_links_omitted": "{{repliesCount}}件の返信と{{linksCount}}件のリンクが省略されました。 <1>ここをクリック</1>して表示。",
   "thread_closed_alert": "このスレッドは閉じられています",
-  "reply_to_cid": "{{cid}}に返信"
+  "reply_to_cid": "{{cid}}に返信",
+  "submit": "送信"
 }
\ No newline at end of file
diff --git a/public/translations/ko/default.json b/public/translations/ko/default.json
index 100d2963..5faa583e 100644
--- a/public/translations/ko/default.json
+++ b/public/translations/ko/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}}개의 답글이 생략되었습니다. <1>여기를 클릭하십시오</1> 보려면.",
   "replies_and_links_omitted": "{{repliesCount}}개의 답글과 {{linksCount}}개의 링크가 생략되었습니다. <1>여기를 클릭하십시오</1> 보려면.",
   "thread_closed_alert": "이 스레드는 닫혔습니다",
-  "reply_to_cid": "{{cid}}에 답변"
+  "reply_to_cid": "{{cid}}에 답변",
+  "submit": "제출"
 }
\ No newline at end of file
diff --git a/public/translations/mr/default.json b/public/translations/mr/default.json
index 87099064..11a95bfc 100644
--- a/public/translations/mr/default.json
+++ b/public/translations/mr/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} प्रतिसाद वगळले गेले आहेत. <1>पाहण्यासाठी येथे क्लिक करा</1>.",
   "replies_and_links_omitted": "{{repliesCount}} प्रतिसाद आणि {{linksCount}} दुवे वगळले गेले आहेत. <1>पाहण्यासाठी येथे क्लिक करा</1>.",
   "thread_closed_alert": "हा थ्रेड बंद आहे",
-  "reply_to_cid": "{{cid}} ला उत्तर द्या"
+  "reply_to_cid": "{{cid}} ला उत्तर द्या",
+  "submit": "सबमिट करा"
 }
\ No newline at end of file
diff --git a/public/translations/nl/default.json b/public/translations/nl/default.json
index 4eeb5f4b..fef448a2 100644
--- a/public/translations/nl/default.json
+++ b/public/translations/nl/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} reacties weggelaten. <1>Klik hier</1> om ze te bekijken.",
   "replies_and_links_omitted": "{{repliesCount}} reacties en {{linksCount}} links weggelaten. <1>Klik hier</1> om ze te bekijken.",
   "thread_closed_alert": "De thread is gesloten",
-  "reply_to_cid": "Reageren op {{cid}}"
+  "reply_to_cid": "Reageren op {{cid}}",
+  "submit": "Verzenden"
 }
\ No newline at end of file
diff --git a/public/translations/no/default.json b/public/translations/no/default.json
index c8954bca..ff0d896a 100644
--- a/public/translations/no/default.json
+++ b/public/translations/no/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} svar utelatt. <1>Klikk her</1> for å se dem.",
   "replies_and_links_omitted": "{{repliesCount}} svar og {{linksCount}} lenker utelatt. <1>Klikk her</1> for å se dem.",
   "thread_closed_alert": "Tråden er stengt",
-  "reply_to_cid": "Svar til {{cid}}"
+  "reply_to_cid": "Svar til {{cid}}",
+  "submit": "Send inn"
 }
\ No newline at end of file
diff --git a/public/translations/pl/default.json b/public/translations/pl/default.json
index 3f4d2bac..16c75668 100644
--- a/public/translations/pl/default.json
+++ b/public/translations/pl/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "Pominięto {{repliesCount}} odpowiedzi. <1>Kliknij tutaj</1>, aby je zobaczyć.",
   "replies_and_links_omitted": "Pominięto {{repliesCount}} odpowiedzi i {{linksCount}} linków. <1>Kliknij tutaj</1>, aby je zobaczyć.",
   "thread_closed_alert": "Wątek jest zamknięty",
-  "reply_to_cid": "Odpowiedz na {{cid}}"
+  "reply_to_cid": "Odpowiedz na {{cid}}",
+  "submit": "Zatwierdź"
 }
\ No newline at end of file
diff --git a/public/translations/pt/default.json b/public/translations/pt/default.json
index c5c81896..cc9165a4 100644
--- a/public/translations/pt/default.json
+++ b/public/translations/pt/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} respostas omitidas. <1>Clique aqui</1> para visualizar.",
   "replies_and_links_omitted": "{{repliesCount}} respostas e {{linksCount}} links omitidos. <1>Clique aqui</1> para visualizar.",
   "thread_closed_alert": "O tópico está fechado",
-  "reply_to_cid": "Responder a {{cid}}"
+  "reply_to_cid": "Responder a {{cid}}",
+  "submit": "Enviar"
 }
\ No newline at end of file
diff --git a/public/translations/ro/default.json b/public/translations/ro/default.json
index 6c30257f..eb12927e 100644
--- a/public/translations/ro/default.json
+++ b/public/translations/ro/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} răspunsuri omise. <1>Click aici</1> pentru a le vizualiza.",
   "replies_and_links_omitted": "{{repliesCount}} răspunsuri și {{linksCount}} linkuri omise. <1>Click aici</1> pentru a le vizualiza.",
   "thread_closed_alert": "Acest fir de discuție este închis",
-  "reply_to_cid": "Răspundeți la {{cid}}"
+  "reply_to_cid": "Răspundeți la {{cid}}",
+  "submit": "Trimite"
 }
\ No newline at end of file
diff --git a/public/translations/ru/default.json b/public/translations/ru/default.json
index 4403fdef..a13ecc6a 100644
--- a/public/translations/ru/default.json
+++ b/public/translations/ru/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} ответов пропущено. <1>Нажмите здесь</1>, чтобы посмотреть.",
   "replies_and_links_omitted": "{{repliesCount}} ответов и {{linksCount}} ссылок пропущено. <1>Нажмите здесь</1>, чтобы посмотреть.",
   "thread_closed_alert": "Тема закрыта",
-  "reply_to_cid": "Ответить на {{cid}}"
+  "reply_to_cid": "Ответить на {{cid}}",
+  "submit": "Отправить"
 }
\ No newline at end of file
diff --git a/public/translations/sq/default.json b/public/translations/sq/default.json
index 38c2949d..b1ad0ff0 100644
--- a/public/translations/sq/default.json
+++ b/public/translations/sq/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} përgjigje janë lënë jashtë. <1>Kliko këtu</1> për t'i shikuar.",
   "replies_and_links_omitted": "{{repliesCount}} përgjigje dhe {{linksCount}} lidhje janë lënë jashtë. <1>Kliko këtu</1> për t'i shikuar.",
   "thread_closed_alert": "Temë është mbyllur",
-  "reply_to_cid": "Përgjigju në {{cid}}"
+  "reply_to_cid": "Përgjigju në {{cid}}",
+  "submit": "Dorëzo"
 }
\ No newline at end of file
diff --git a/public/translations/sv/default.json b/public/translations/sv/default.json
index 8f5b59d4..400bc850 100644
--- a/public/translations/sv/default.json
+++ b/public/translations/sv/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} svar utelämnade. <1>Klicka här</1> för att visa dem.",
   "replies_and_links_omitted": "{{repliesCount}} svar och {{linksCount}} länkar utelämnade. <1>Klicka här</1> för att visa dem.",
   "thread_closed_alert": "Tråden är stängd",
-  "reply_to_cid": "Svara på {{cid}}"
+  "reply_to_cid": "Svara på {{cid}}",
+  "submit": "Skicka in"
 }
\ No newline at end of file
diff --git a/public/translations/te/default.json b/public/translations/te/default.json
index 1983dbfc..f8025740 100644
--- a/public/translations/te/default.json
+++ b/public/translations/te/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} స్పందనలు వదిలివేయబడ్డాయి. <1>చూడటానికి ఇక్కడ క్లిక్ చేయండి</1>.",
   "replies_and_links_omitted": "{{repliesCount}} స్పందనలు మరియు {{linksCount}} లింకులు వదిలివేయబడ్డాయి. <1>చూడటానికి ఇక్కడ క్లిక్ చేయండి</1>.",
   "thread_closed_alert": "ఈ థ్రెడ్ మూసివేయబడింది",
-  "reply_to_cid": "{{cid}}కి స్పందించండి"
+  "reply_to_cid": "{{cid}}కి స్పందించండి",
+  "submit": "సమర్పించు"
 }
\ No newline at end of file
diff --git a/public/translations/th/default.json b/public/translations/th/default.json
index 5d6559ea..8e606b2e 100644
--- a/public/translations/th/default.json
+++ b/public/translations/th/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "ข้าม {{repliesCount}} คำตอบ <1>คลิกที่นี่</1> เพื่อดู.",
   "replies_and_links_omitted": "ข้าม {{repliesCount}} คำตอบและ {{linksCount}} ลิงก์ <1>คลิกที่นี่</1> เพื่อดู.",
   "thread_closed_alert": "กระทู้นี้ถูกปิด",
-  "reply_to_cid": "ตอบกลับ {{cid}}"
+  "reply_to_cid": "ตอบกลับ {{cid}}",
+  "submit": "ส่ง"
 }
\ No newline at end of file
diff --git a/public/translations/tr/default.json b/public/translations/tr/default.json
index 065be639..ed0b7917 100644
--- a/public/translations/tr/default.json
+++ b/public/translations/tr/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} yanıt göz ardı edildi. <1>Buraya tıklayın</1> görüntülemek için.",
   "replies_and_links_omitted": "{{repliesCount}} yanıt ve {{linksCount}} bağlantı göz ardı edildi. <1>Buraya tıklayın</1> görüntülemek için.",
   "thread_closed_alert": "Bu konu kapatılmıştır",
-  "reply_to_cid": "{{cid}}’ye yanıt ver"
+  "reply_to_cid": "{{cid}}’ye yanıt ver",
+  "submit": "Gönder"
 }
\ No newline at end of file
diff --git a/public/translations/uk/default.json b/public/translations/uk/default.json
index a339ad23..acd734b2 100644
--- a/public/translations/uk/default.json
+++ b/public/translations/uk/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} відповідей пропущено. <1>Натисніть тут</1>, щоб переглянути.",
   "replies_and_links_omitted": "{{repliesCount}} відповідей та {{linksCount}} посилань пропущено. <1>Натисніть тут</1>, щоб переглянути.",
   "thread_closed_alert": "Тему закрито",
-  "reply_to_cid": "Відповісти на {{cid}}"
+  "reply_to_cid": "Відповісти на {{cid}}",
+  "submit": "Надіслати"
 }
\ No newline at end of file
diff --git a/public/translations/ur/default.json b/public/translations/ur/default.json
index c3c31656..d1841d18 100644
--- a/public/translations/ur/default.json
+++ b/public/translations/ur/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} جوابات چھوڑ دیے گئے ہیں۔ <1>مکمل دیکھنے کے لیے یہاں کلک کریں</1>۔",
   "replies_and_links_omitted": "{{repliesCount}} جوابات اور {{linksCount}} لنکس چھوڑ دیے گئے ہیں۔ <1>مکمل دیکھنے کے لیے یہاں کلک کریں</1>۔",
   "thread_closed_alert": "یہ دھاگہ بند ہے",
-  "reply_to_cid": "{{cid}} کا جواب دیں"
+  "reply_to_cid": "{{cid}} کا جواب دیں",
+  "submit": "جمع کرائیں"
 }
\ No newline at end of file
diff --git a/public/translations/vi/default.json b/public/translations/vi/default.json
index 5fd54c96..273a8aa3 100644
--- a/public/translations/vi/default.json
+++ b/public/translations/vi/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "{{repliesCount}} câu trả lời bị bỏ qua. <1>Nhấn vào đây</1> để xem.",
   "replies_and_links_omitted": "{{repliesCount}} câu trả lời và {{linksCount}} liên kết bị bỏ qua. <1>Nhấn vào đây</1> để xem.",
   "thread_closed_alert": "Chủ đề này đã đóng",
-  "reply_to_cid": "Trả lời {{cid}}"
+  "reply_to_cid": "Trả lời {{cid}}",
+  "submit": "Gửi"
 }
\ No newline at end of file
diff --git a/public/translations/zh/default.json b/public/translations/zh/default.json
index aeed949b..e03bf021 100644
--- a/public/translations/zh/default.json
+++ b/public/translations/zh/default.json
@@ -60,5 +60,6 @@
   "replies_omitted": "省略了{{repliesCount}}条回复。 <1>点击这里</1>查看。",
   "replies_and_links_omitted": "省略了{{repliesCount}}条回复和{{linksCount}}个链接。 <1>点击这里</1>查看。",
   "thread_closed_alert": "该主题已关闭",
-  "reply_to_cid": "回复{{cid}}"
+  "reply_to_cid": "回复{{cid}}",
+  "submit": "提交"
 }
\ No newline at end of file
diff --git a/src/components/post-form/post-form.tsx b/src/components/post-form/post-form.tsx
index cc03843a..2a58b31f 100644
--- a/src/components/post-form/post-form.tsx
+++ b/src/components/post-form/post-form.tsx
@@ -128,7 +128,6 @@ const PostFormTable = () => {
   useEffect(() => {
     if (typeof replyIndex === 'number') {
       resetContent();
-      window.scrollTo(0, document.body.scrollHeight);
     }
   }, [replyIndex, resetContent]);
 
diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx
index a7b72103..ebff5faa 100644
--- a/src/components/reply-modal/reply-modal.tsx
+++ b/src/components/reply-modal/reply-modal.tsx
@@ -89,7 +89,15 @@ const ReplyModal = ({ closeModal, parentCid }: ReplyModalProps) => {
           <input type='text' ref={urlRef} placeholder={_.capitalize(t('link'))} onChange={(e) => setContent.link(e.target.value)} />
         </div>
         <div className={styles.content}>
-          <textarea cols={48} rows={4} wrap='soft' ref={textRef} placeholder={_.capitalize(t('comment'))} onChange={(e) => setContent.content(e.target.value)} />
+          <textarea
+            cols={48}
+            rows={4}
+            wrap='soft'
+            ref={textRef}
+            placeholder={_.capitalize(t('comment'))}
+            onChange={(e) => setContent.content(e.target.value)}
+            autoFocus
+          />
         </div>
         <div className={styles.footer}>
           <button onClick={onPublishReply}>{t('reply')}</button>
diff --git a/src/components/subplebbit-description/subplebbit-description.tsx b/src/components/subplebbit-description/subplebbit-description.tsx
index 2522b0a3..f4977912 100644
--- a/src/components/subplebbit-description/subplebbit-description.tsx
+++ b/src/components/subplebbit-description/subplebbit-description.tsx
@@ -2,14 +2,15 @@ import Post from '../post';
 import { useTranslation } from 'react-i18next';
 
 interface DescriptionPostProps {
-  subplebbitAddress: string | undefined;
+  avatarUrl?: string;
   createdAt: number;
   description: string;
-  avatarUrl?: string;
+  shortAddress: string;
+  subplebbitAddress: string | undefined;
   title: string;
 }
 
-const SubplebbitDescription = ({ subplebbitAddress, createdAt, description, avatarUrl, title }: DescriptionPostProps) => {
+const SubplebbitDescription = ({ avatarUrl, createdAt, description, shortAddress, subplebbitAddress, title }: DescriptionPostProps) => {
   const { t } = useTranslation();
   const post = {
     isDescription: true,
@@ -18,7 +19,7 @@ const SubplebbitDescription = ({ subplebbitAddress, createdAt, description, avat
     author: { displayName: '## Board Mods' },
     content: description,
     link: avatarUrl,
-    title: t('welcome_to_board', { board: title }),
+    title: t('welcome_to_board', { board: title || `p/${shortAddress}` }),
     pinned: true,
     locked: true,
   };
diff --git a/src/themes.css b/src/themes.css
index 61c750f1..aa6f9fc8 100644
--- a/src/themes.css
+++ b/src/themes.css
@@ -317,7 +317,7 @@
   --boardnav-desktop-link-text-decoration-hover: underline;
   --boardnav-mobile-background-color: #f0e0d6;
   --boardnav-mobile-border-bottom: 2px solid #d9c5b7;
-  --boardnav-mobile-font-size: 11pt;
+  --boardnav-mobile-font-size: 10pt;
   --boardnav-mobile-button-text-color: #00f;
 
   /* board title */
@@ -440,7 +440,7 @@
   --boardnav-desktop-link-text-decoration-hover: underline;
   --boardnav-mobile-background-color: #d6daf0;
   --boardnav-mobile-border-bottom: 2px solid #b7c5d9;
-  --boardnav-mobile-font-size: 11pt;
+  --boardnav-mobile-font-size: 10pt;
   --boardnav-mobile-button-text-color: #34345c;
 
   /* body */
diff --git a/src/views/board/board.tsx b/src/views/board/board.tsx
index b7018cb9..cae7673e 100644
--- a/src/views/board/board.tsx
+++ b/src/views/board/board.tsx
@@ -67,7 +67,14 @@ const Board = () => {
         <>
           {rules && rules.length > 0 && <SubplebbitRules subplebbitAddress={subplebbitAddress} createdAt={createdAt} rules={rules} />}
           {description && description.length > 0 && (
-            <SubplebbitDescription avatarUrl={suggested?.avatarUrl} subplebbitAddress={subplebbitAddress} createdAt={createdAt} description={description} title={title} />
+            <SubplebbitDescription
+              avatarUrl={suggested?.avatarUrl}
+              subplebbitAddress={subplebbitAddress}
+              createdAt={createdAt}
+              description={description}
+              shortAddress={shortAddress}
+              title={title}
+            />
           )}
         </>
       )}
diff --git a/src/views/catalog/catalog.tsx b/src/views/catalog/catalog.tsx
index 8ec40e8d..9c4b8c58 100644
--- a/src/views/catalog/catalog.tsx
+++ b/src/views/catalog/catalog.tsx
@@ -8,6 +8,7 @@ import useWindowWidth from '../../hooks/use-window-width';
 import CatalogRow from '../../components/catalog-row';
 import LoadingEllipsis from '../../components/loading-ellipsis';
 import styles from './catalog.module.css';
+import _ from 'lodash';
 
 const lastVirtuosoStates: { [key: string]: StateSnapshot } = {};
 
@@ -32,7 +33,7 @@ const useFeedRows = (columnCount: number, feed: any, isFeedLoaded: boolean, subp
         author: { displayName: '## Board Mods' },
         content: description,
         link: avatarUrl,
-        title: 'Welcome to ' + (title || `p/${shortAddress}`),
+        title: t('welcome_to_board', { board: title || `p/${shortAddress}` }),
         pinned: true,
         locked: true,
       });
@@ -44,13 +45,13 @@ const useFeedRows = (columnCount: number, feed: any, isFeedLoaded: boolean, subp
         timestamp: createdAt,
         author: { displayName: '## Board Mods' },
         content: rules.map((rule: string, index: number) => `${index + 1}. ${rule}`).join('\n'),
-        title: 'Rules',
+        title: _.capitalize(t('rules')),
         pinned: true,
         locked: true,
       });
     }
     return _feed;
-  }, [feed, description, rules, address, isFeedLoaded, createdAt, title, shortAddress, avatarUrl]);
+  }, [feed, description, rules, address, isFeedLoaded, createdAt, title, shortAddress, avatarUrl, t]);
 
   // Memoize rows calculation, ensuring it updates on changes to the modified feed or column count
   const rows = useMemo(() => {
diff --git a/src/views/post-page/post-page.tsx b/src/views/post-page/post-page.tsx
index 3d50d627..3a6e26dc 100644
--- a/src/views/post-page/post-page.tsx
+++ b/src/views/post-page/post-page.tsx
@@ -16,7 +16,7 @@ const PostPage = () => {
   const { commentCid, subplebbitAddress } = params;
 
   const subplebbit = useSubplebbit({ subplebbitAddress });
-  const { createdAt, description, rules, suggested, title } = subplebbit;
+  const { createdAt, description, rules, shortAddress, suggested, title } = subplebbit;
 
   const location = useLocation();
   const isInDescriptionView = isDescriptionView(location.pathname, params);
@@ -36,7 +36,14 @@ const PostPage = () => {
     <div className={styles.content}>
       {showReplyModal && activeCid && <ReplyModal closeModal={closeModal} parentCid={activeCid} />}
       {isInDescriptionView ? (
-        <SubplebbitDescription avatarUrl={suggested?.avatarUrl} createdAt={createdAt} description={description} subplebbitAddress={subplebbitAddress} title={title} />
+        <SubplebbitDescription
+          avatarUrl={suggested?.avatarUrl}
+          createdAt={createdAt}
+          description={description}
+          subplebbitAddress={subplebbitAddress}
+          shortAddress={shortAddress}
+          title={title}
+        />
       ) : isInRulesView ? (
         <SubplebbitRules createdAt={createdAt} rules={rules} subplebbitAddress={subplebbitAddress} />
       ) : (

From 9c2036a6a17534b00198a2c2eda1e46b5a6ed580 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 15:30:40 +0200
Subject: [PATCH 5/7] fix(challenge modal): disable draggable on mobile

---
 .../challenge-modal.module.css                |   6 +
 .../challenge-modal/challenge-modal.tsx       | 116 ++++++++++--------
 2 files changed, 68 insertions(+), 54 deletions(-)

diff --git a/src/components/challenge-modal/challenge-modal.module.css b/src/components/challenge-modal/challenge-modal.module.css
index 64a25b19..e4e1af72 100644
--- a/src/components/challenge-modal/challenge-modal.module.css
+++ b/src/components/challenge-modal/challenge-modal.module.css
@@ -77,4 +77,10 @@
   cursor: pointer;
   filter: var(--filter80);
   text-transform: capitalize;
+}
+
+@media (max-width: 640px) {
+  .title {
+    cursor: default;
+  }
 }
\ No newline at end of file
diff --git a/src/components/challenge-modal/challenge-modal.tsx b/src/components/challenge-modal/challenge-modal.tsx
index ea8c2f33..09461170 100644
--- a/src/components/challenge-modal/challenge-modal.tsx
+++ b/src/components/challenge-modal/challenge-modal.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { Challenge as ChallengeType } from '@plebbit/plebbit-react-hooks';
 import { getPublicationType } from '../../lib/utils/challenge-utils';
 import useChallenges from '../../hooks/use-challenges';
+import useWindowWidth from '../../hooks/use-window-width';
 import styles from './challenge-modal.module.css';
 import _ from 'lodash';
 
@@ -53,67 +54,74 @@ const Challenge = ({ challenge, closeModal }: ChallengeProps) => {
 
   // react-draggable requires a ref to the modal node
   const nodeRef = useRef(null);
+  const isMobile = useWindowWidth() < 640;
 
-  return (
-    <Draggable handle='.challengeHandle' nodeRef={nodeRef}>
-      <div className={styles.container} ref={nodeRef}>
-        <div className={`challengeHandle ${styles.title}`}>
-          Challenge for {publicationType}
-          <button className={styles.closeIcon} onClick={closeModal} title='close' />
+  const modalContent = (
+    <div className={styles.container} ref={nodeRef}>
+      <div className={`challengeHandle ${styles.title}`}>
+        Challenge for {publicationType}
+        <button className={styles.closeIcon} onClick={closeModal} title='close' />
+      </div>
+      <div className={styles.publication}>
+        <div className={styles.name}>
+          <input type='text' value={displayName || _.capitalize(t('anonymous'))} disabled />
         </div>
-        <div className={styles.publication}>
-          <div className={styles.name}>
-            <input type='text' value={displayName || _.capitalize(t('anonymous'))} disabled />
+        {title && (
+          <div className={styles.subject}>
+            <input type='text' value={title} disabled />
           </div>
-          {title && (
-            <div className={styles.subject}>
-              <input type='text' value={title} disabled />
-            </div>
-          )}
-          {content && (
-            <div className={styles.content}>
-              <textarea value={content} disabled cols={48} rows={4} wrap='soft' />
-            </div>
-          )}
-          {link && (
-            <div className={styles.link}>
-              <input type='text' value={link} disabled />
-            </div>
-          )}
-          <div className={styles.challengeContainer}>
-            <input
-              className={styles.challengeAnswer}
-              type='text'
-              autoComplete='off'
-              autoCorrect='off'
-              spellCheck='false'
-              placeholder='TYPE THE ANSWER HERE AND PRESS ENTER'
-              onKeyDown={onEnterKey}
-              onChange={onAnswersChange}
-              value={answers[currentChallengeIndex] || ''}
-              autoFocus
-            />
-            <div className={styles.challengeMediaWrapper}>
-              {isTextChallenge && <div className={styles.challengeMedia}>{challenges[currentChallengeIndex]?.challenge}</div>}
-              {isImageChallenge && (
-                <img alt={t('loading')} className={styles.challengeMedia} src={`data:image/png;base64,${challenges[currentChallengeIndex]?.challenge}`} />
-              )}
-            </div>
+        )}
+        {content && (
+          <div className={styles.content}>
+            <textarea value={content} disabled cols={48} rows={4} wrap='soft' />
           </div>
-          <div className={styles.challengeFooter}>
-            <div className={styles.counter}>{t('challenge_counter', { index: currentChallengeIndex + 1, total: challenges?.length })}</div>
-            <span className={styles.buttons}>
-              {!challenges[currentChallengeIndex + 1] && <button onClick={onSubmit}>{t('submit')}</button>}
-              {challenges.length > 1 && (
-                <button disabled={!challenges[currentChallengeIndex - 1]} onClick={() => setCurrentChallengeIndex((prev) => prev - 1)}>
-                  {t('previous')}
-                </button>
-              )}
-              {challenges[currentChallengeIndex + 1] && <button onClick={() => setCurrentChallengeIndex((prev) => prev + 1)}>{t('next')}</button>}
-            </span>
+        )}
+        {link && (
+          <div className={styles.link}>
+            <input type='text' value={link} disabled />
           </div>
+        )}
+        <div className={styles.challengeContainer}>
+          <input
+            className={styles.challengeAnswer}
+            type='text'
+            autoComplete='off'
+            autoCorrect='off'
+            spellCheck='false'
+            placeholder='TYPE THE ANSWER HERE AND PRESS ENTER'
+            onKeyDown={onEnterKey}
+            onChange={onAnswersChange}
+            value={answers[currentChallengeIndex] || ''}
+            autoFocus
+          />
+          <div className={styles.challengeMediaWrapper}>
+            {isTextChallenge && <div className={styles.challengeMedia}>{challenges[currentChallengeIndex]?.challenge}</div>}
+            {isImageChallenge && (
+              <img alt={t('loading')} className={styles.challengeMedia} src={`data:image/png;base64,${challenges[currentChallengeIndex]?.challenge}`} />
+            )}
+          </div>
+        </div>
+        <div className={styles.challengeFooter}>
+          <div className={styles.counter}>{t('challenge_counter', { index: currentChallengeIndex + 1, total: challenges?.length })}</div>
+          <span className={styles.buttons}>
+            {!challenges[currentChallengeIndex + 1] && <button onClick={onSubmit}>{t('submit')}</button>}
+            {challenges.length > 1 && (
+              <button disabled={!challenges[currentChallengeIndex - 1]} onClick={() => setCurrentChallengeIndex((prev) => prev - 1)}>
+                {t('previous')}
+              </button>
+            )}
+            {challenges[currentChallengeIndex + 1] && <button onClick={() => setCurrentChallengeIndex((prev) => prev + 1)}>{t('next')}</button>}
+          </span>
         </div>
       </div>
+    </div>
+  );
+
+  return isMobile ? (
+    modalContent
+  ) : (
+    <Draggable handle='.challengeHandle' nodeRef={nodeRef}>
+      {modalContent}
     </Draggable>
   );
 };

From bb9d53f47c847159c2b25b2c5bbd2f64ca0c6cac Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 15:36:29 +0200
Subject: [PATCH 6/7] feat(board nav): add sticky header animation to mobile

---
 src/components/board-nav/board-nav.module.css | 20 +++++++-
 src/components/board-nav/board-nav.tsx        | 48 ++++++++++++++++++-
 2 files changed, 66 insertions(+), 2 deletions(-)

diff --git a/src/components/board-nav/board-nav.module.css b/src/components/board-nav/board-nav.module.css
index dfce3483..149e7bfa 100644
--- a/src/components/board-nav/board-nav.module.css
+++ b/src/components/board-nav/board-nav.module.css
@@ -23,9 +23,27 @@
   padding: 2px 4px;
   background-color: var(--boardnav-mobile-background-color);
   border-bottom: var(--boardnav-mobile-border-bottom);
+  font-size: var(--boardnav-mobile-font-size);
   position: fixed;
   width: 100%;
-  font-size: var(--boardnav-mobile-font-size);
+  z-index: 6;
+  animation-name: stickyMenuAnimation;
+  animation-duration: 1s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+  align-items: center;
+  justify-content: space-around;
+}
+
+@keyframes stickyMenuAnimation {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: -50px;
+  }
 }
 
 .boardNavMobile .pageJump a {
diff --git a/src/components/board-nav/board-nav.tsx b/src/components/board-nav/board-nav.tsx
index a33d18a7..21b75a69 100644
--- a/src/components/board-nav/board-nav.tsx
+++ b/src/components/board-nav/board-nav.tsx
@@ -62,7 +62,7 @@ const BoardNavMobile = ({ subplebbitAddresses, subplebbitAddress }: BoardNavProp
   );
 
   return (
-    <div className={styles.boardNavMobile}>
+    <div className={styles.boardNavMobile} id='sticky-menu'>
       <div className={styles.boardSelect}>
         <strong>{t('board')}</strong>
         {boardSelect}
@@ -75,6 +75,52 @@ const BoardNavMobile = ({ subplebbitAddresses, subplebbitAddress }: BoardNavProp
   );
 };
 
+// sticky menu animation
+// will trigger more than once with hot reloading during development
+if (!window.STICKY_MENU_SCROLL_LISTENER) {
+  window.STICKY_MENU_SCROLL_LISTENER = true;
+
+  const scrollRange = 50; // the animation css px range in stickyMenuAnimation, must also edit css animation 100%: {top}
+  let currentScrollInRange = 0,
+    previousScroll = 0;
+
+  window.addEventListener('scroll', () => {
+    // find difference between current and last scroll position
+    const currentScroll = window.scrollY;
+    const scrollDifference = currentScroll - previousScroll;
+    previousScroll = currentScroll;
+
+    // find new current scroll in range
+    const previousScrollInRange = currentScrollInRange;
+    currentScrollInRange += scrollDifference;
+    if (currentScrollInRange > scrollRange) {
+      currentScrollInRange = scrollRange;
+    } else if (currentScrollInRange < 0) {
+      currentScrollInRange = 0;
+    }
+
+    // fix mobile overflow scroll bug
+    if (currentScroll <= 0) {
+      currentScrollInRange = 0;
+    }
+
+    // no changes
+    if (currentScrollInRange === previousScrollInRange) {
+      return;
+    }
+
+    // Get the menu element
+    const menuElement = document.getElementById('sticky-menu');
+    if (!menuElement) {
+      return;
+    }
+
+    // control progress of the animation using negative animation-delay (0 to -1s)
+    const animationPercent = currentScrollInRange / scrollRange;
+    menuElement.style.animationDelay = animationPercent * -1 + 's';
+  });
+}
+
 const BoardNav = () => {
   const subplebbitAddresses = useDefaultSubplebbitAddresses();
 

From 6e20b86b7bb0bdabd524154bce01152662ee9c9a Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 29 Apr 2024 21:49:00 +0200
Subject: [PATCH 7/7] fix(use-replies.ts): flatten and display replies of
 replies not yet published

---
 src/hooks/use-replies.ts | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/hooks/use-replies.ts b/src/hooks/use-replies.ts
index 3bc62d3e..559c17da 100644
--- a/src/hooks/use-replies.ts
+++ b/src/hooks/use-replies.ts
@@ -3,11 +3,22 @@ import { Comment, useAccountComments } from '@plebbit/plebbit-react-hooks';
 import { flattenCommentsPages } from '@plebbit/plebbit-react-hooks/dist/lib/utils';
 
 const useRepliesAndAccountReplies = (comment: Comment) => {
-  // filter only the parent cid
-  const filter = useCallback((accountComment: Comment) => accountComment.parentCid === (comment?.cid || 'n/a'), [comment?.cid]);
-  const { accountComments } = useAccountComments({ filter });
+  // flatten all replies including nested ones from the original comment
   const flattenedReplies = useMemo(() => flattenCommentsPages(comment.replies), [comment.replies]);
 
+  // gemerate a Set of CIDs from flattened replies for quick lookup
+  const replyCids = useMemo(() => new Set(flattenedReplies.map((reply) => reply.cid)), [flattenedReplies]);
+
+  // filter against all CIDs in flattened replies
+  const filter = useCallback(
+    (accountComment: Comment) => {
+      return replyCids.has(accountComment.parentCid);
+    },
+    [replyCids],
+  );
+
+  const { accountComments } = useAccountComments({ filter });
+
   // the account's replies have a delay before getting published, so get them locally from accountComments instead
   const accountRepliesNotYetPublished = useMemo(() => {
     const replies = flattenedReplies || [];