add autofocus, update themes, translate 'submit'

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": "إرسال"
 }

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": "জমা দিন"
 }

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"
 }

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"
 }

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"
 }

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": "Υποβολή"
 }

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"
 }

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"
 }

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": "ارسال"
 }

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ä"
 }

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"
 }

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"
 }

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": "שלח"
 }

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": "जमा करें"
 }

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"
 }

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"
 }

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"
 }

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": "送信"
 }

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": "제출"
 }

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": "सबमिट करा"
 }

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"
 }

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"
 }

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ź"
 }

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"
 }

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"
 }

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": "Отправить"
 }

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"
 }

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"
 }

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": "సమర్పించు"
 }

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": "ส่ง"
 }

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"
 }

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": "Надіслати"
 }

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": "جمع کرائیں"
 }

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"
 }

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": "提交"
 }

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]);
 

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>

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,
   };

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 */

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}
+            />
           )}
         </>
       )}

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(() => {

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} />
       ) : (