From 13edef9f4d816c8eca2c38d6ab696de676268c56 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 15:31:54 +0200
Subject: [PATCH 1/8] style(views): add document title

---
 src/components/views/comments/comments.tsx | 14 +++++++++++---
 src/components/views/home/home.tsx         |  4 ++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/views/comments/comments.tsx b/src/components/views/comments/comments.tsx
index 1fb956a6..38e848b4 100644
--- a/src/components/views/comments/comments.tsx
+++ b/src/components/views/comments/comments.tsx
@@ -1,6 +1,6 @@
 import { FC, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
-import { useComment } from '@plebbit/plebbit-react-hooks';
+import { useComment, useSubplebbit } from '@plebbit/plebbit-react-hooks';
 import styles from './comments.module.css';
 import TopBar from '../../topbar';
 import Header from '../../header';
@@ -9,11 +9,19 @@ import Post from '../../post';
 const Comments: FC = () => {
   const { commentCid } = useParams();
   const comment = useComment({ commentCid });
-  const { replyCount } = comment || {};
+  const { content, replyCount, subplebbitAddress, title } = comment || {};
+  const subplebbit = useSubplebbit({subplebbitAddress});
+  const threadTitle = title?.slice(0, 40) || content?.slice(0, 40);
+  const subplebbitTitle = subplebbit?.title || subplebbit?.shortAddress;
 
   useEffect(() => {
+    if (threadTitle || subplebbitTitle) {
+      document.title = `${threadTitle} - ${subplebbitTitle} - seedit`;
+    } else {
+      document.title = 'seedit';
+    }
     window.scrollTo(0, 0);
-  }, []);
+  }, [threadTitle, subplebbitTitle]);
 
   return (
     <>
diff --git a/src/components/views/home/home.tsx b/src/components/views/home/home.tsx
index 11ea4250..6be03c7c 100644
--- a/src/components/views/home/home.tsx
+++ b/src/components/views/home/home.tsx
@@ -22,6 +22,10 @@ const Home: FC = () => {
   const { pathname } = useLocation();
   const isCommentsModalOpen = pathname === `/p/${subplebbitAddress}/c/${commentCid}`;
 
+  useEffect(() => {
+    document.title = `seedit`;
+  }, []);
+
   let Footer;
   if (feed?.length === 0) {
     Footer = NoPosts;

From 948f4cdbdc180cb37e8e04987fe8722a7a0f01b4 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 15:33:40 +0200
Subject: [PATCH 2/8] refactor(expand button): unnecessary subfolder

---
 .../post/{expando => }/expand-button/expand-button.module.css   | 0
 .../post/{expando => }/expand-button/expand-button.tsx          | 2 +-
 src/components/post/{expando => }/expand-button/index.ts        | 0
 src/components/post/index.ts                                    | 1 +
 src/components/post/post.tsx                                    | 2 +-
 5 files changed, 3 insertions(+), 2 deletions(-)
 rename src/components/post/{expando => }/expand-button/expand-button.module.css (100%)
 rename src/components/post/{expando => }/expand-button/expand-button.tsx (95%)
 rename src/components/post/{expando => }/expand-button/index.ts (100%)

diff --git a/src/components/post/expando/expand-button/expand-button.module.css b/src/components/post/expand-button/expand-button.module.css
similarity index 100%
rename from src/components/post/expando/expand-button/expand-button.module.css
rename to src/components/post/expand-button/expand-button.module.css
diff --git a/src/components/post/expando/expand-button/expand-button.tsx b/src/components/post/expand-button/expand-button.tsx
similarity index 95%
rename from src/components/post/expando/expand-button/expand-button.tsx
rename to src/components/post/expand-button/expand-button.tsx
index 5619a7c8..cbc3fd65 100644
--- a/src/components/post/expando/expand-button/expand-button.tsx
+++ b/src/components/post/expand-button/expand-button.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { useComment } from '@plebbit/plebbit-react-hooks';
 import styles from './expand-button.module.css';
-import utils from '../../../../lib/utils';
+import utils from '../../../lib/utils';
 
 interface ExpandButtonProps {
   commentCid: string;
diff --git a/src/components/post/expando/expand-button/index.ts b/src/components/post/expand-button/index.ts
similarity index 100%
rename from src/components/post/expando/expand-button/index.ts
rename to src/components/post/expand-button/index.ts
diff --git a/src/components/post/index.ts b/src/components/post/index.ts
index 047bfaf9..dbc3d829 100644
--- a/src/components/post/index.ts
+++ b/src/components/post/index.ts
@@ -1,6 +1,7 @@
 export {default} from './post'
 export {default as Embed} from './embed'
 export {default as Expando} from './expando'
+export {default as ExpandButton} from './expand-button'
 export {default as Flair} from './flair'
 export {default as PostTools} from './post-tools'
 export {default as Thumbnail} from './thumbnail'
\ No newline at end of file
diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index ad5c6807..4536d2ec 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import utils from '../../lib/utils';
 import { Comment, useSubplebbit } from '@plebbit/plebbit-react-hooks';
 import { useTranslation } from 'react-i18next';
-import ExpandButton from './expando/expand-button';
+import ExpandButton from './expand-button';
 import Expando from './expando';
 import Flair from './flair';
 import PostTools from './post-tools';

From d0b3f426db35e600933f41629e4228bd019352ea Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 15:34:28 +0200
Subject: [PATCH 3/8] style(assets): add active arrows, rename

---
 public/assets/buttons/arrow-down-active.png       | Bin 0 -> 705 bytes
 .../buttons/{downvote.png => arrow-down.png}      | Bin
 public/assets/buttons/arrow-up-active.png         | Bin 0 -> 984 bytes
 .../assets/buttons/{upvote.png => arrow-up.png}   | Bin
 src/components/post/post.module.css               |   4 ++--
 5 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 public/assets/buttons/arrow-down-active.png
 rename public/assets/buttons/{downvote.png => arrow-down.png} (100%)
 create mode 100644 public/assets/buttons/arrow-up-active.png
 rename public/assets/buttons/{upvote.png => arrow-up.png} (100%)

diff --git a/public/assets/buttons/arrow-down-active.png b/public/assets/buttons/arrow-down-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc28de07781f228cc6add02bd3ed045badb6734b
GIT binary patch
literal 705
zcmeAS@N?(olHy`uVBq!ia0vp^{6Ngd!3HEhbh*6;QjEnx?oJHr&dIz4aspB#JkxxA
z8MJ_G4hAMhAqHlU5+Gz~&tzZ$vl$rFfHVUG^8!YM>;fjZEdK&#IGYcoP^0_Ka-boR
znIRD+5xzcF$@#f@i7EL>sd^Q;1t0|sHWgMtW^QUpqC!P(PF}H9g{=};g%ywu64qBz
z04piUwpEJo4N!2-FG^J~(=*UBP_pAvP*AWbN=dT{a&d!d2l8x{GD=Dctn~HE%ggo3
zjrH=2()A53EiLs8jP#9+bb%^#i!1X=5-W7`ij^UTz|3(;Elw`VEGWs$&r<-Io0ybe
zT4JlD1hNPYAnq*5Ohed|R}A$Q(1ZFQ8GS=N1AVyJK&>_)Q7iwV%v7MwAoJ}EZNMr~
z#Gv-r=z}araty?$U{Rn~?YM08;lXCdB^mdS9T<|kJY5_^G(=m27`d7ac=ntMxZwU%
zasK1>n#l?pNyl^V%t|Zdo}xDWPV8!5j-<$<Zyzj{J=xgK9<qM5QG$e5-sTB4G7Qrf
zy`FNl+T&h%gZIU4r(W5r%uj!N#;R+=o4Ic_*Lci&K4-CY<e}LAUw^75aF*=QTadX%
z+(Gf2Z?M+?cYX(gbSM6BpY9d%rrJ8L=uwf#udi7ZOniB>-R?E5$qWcspmk+K_y_l^
sJl`jrVPpMa@#E4S<=^$qO#9pBotzPPOk-;6aZrNrboFyt=akR{0A!Hj6aWAK

literal 0
HcmV?d00001

diff --git a/public/assets/buttons/downvote.png b/public/assets/buttons/arrow-down.png
similarity index 100%
rename from public/assets/buttons/downvote.png
rename to public/assets/buttons/arrow-down.png
diff --git a/public/assets/buttons/arrow-up-active.png b/public/assets/buttons/arrow-up-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..42d04b815dccefc3b6c21a9ffacbac0858ecd9bc
GIT binary patch
literal 984
zcmeAS@N?(olHy`uVBq!ia0vp^{6Ngd!3HEhbh*6;QY`6?zK#qG8~eHcB(ehe3dtTp
zz6=aiY77hwEes65fI<x~7#K<o7#Ln9FfdrnU|<k0n6oR;1}G7b8sVAd>&u`8WOFbu
zF$ys-16hnf$k3k2zyfA7FaS*g0_Fvb2-yWpa9REZ%y2dzNTEjeo#hM+Oa_@D5hW46
zK32*3xq68y`AMmI6}bf<1q?P7RzPNMYDuC(MQ%=Bu~mhw5?F;5kPQ;nS5g2gDap1~
zitr6kaLzAERWQ>t&@)i7<5EyiuqjGOvkG!?gK7uzY?U%fN(!v>^~=l4^~#O)@{7{-
z4J|D#^$m>ljf`}GDs+o0^GXscbn}XpA%?)raY-#sF3Kz@$;{7F0GXSZlwVq6tE2?7
z2o50bOs&X7*pycc^%l^B`XCv7Lp=k1Y}!gP({N}5$w0J${ROek24t93KxRd1PNYj_
zZfagJ&}nvtCN^MOFeDJ}glKfm&&e+eE=WvHwKIfjK@vh&4Yno%$r@8+Ymg+6G=f}h
z<zJMU3Jg$Cuz~Es5QD0>(FcVoQW!%b5G)FeK|3xReRyiH<C++mtOQITr#)R9Lo`H}
zPB_ckY{1jXd$7UbmDSzG?B$6}%U({E-Q~A*k&}aoe$X0*Ht+c&N9*V3&V1qIdw-pH
zrq}sN47}+jR~=eyBMfve`yBh5&dX=OwNoqOXViX?x*t)^Dsk2g-;9qX<`>6Kkac@C
z+fTxfA?c{WM~B@Fnz40TE*)53%eC%y^5VjpW|fBDo-+hk67-*>zP0#SQTqCeoXV8@
zT2=RMJLjs2PE7pN6ZF05L3Yq$P3bPiAG1PkJbA-s>}^})tM%u4iqFGcSK4xu>^Fb&
VnX%IQunH*Qd%F6$taD0e0ss>+F(Uu~

literal 0
HcmV?d00001

diff --git a/public/assets/buttons/upvote.png b/public/assets/buttons/arrow-up.png
similarity index 100%
rename from public/assets/buttons/upvote.png
rename to public/assets/buttons/arrow-up.png
diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index cfc84a48..04326db1 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -34,11 +34,11 @@
 }
 
 .arrowUp {
-  background-image: url("/public/assets/buttons/upvote.png");
+  background-image: url("/public/assets/buttons/arrow-up.png");
 }
 
 .arrowDown {
-  background-image: url("/public/assets/buttons/downvote.png");
+  background-image: url("/public/assets/buttons/arrow-down.png");
 }
 
 

From bf296b64d1ca3c6b5b769fe483afe9f1846331bd Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 15:35:30 +0200
Subject: [PATCH 4/8] feat(comments): add replies including nested and reply
 media

---
 src/components/post/expando/expando.tsx       |   5 +-
 src/components/post/post.tsx                  |   2 +-
 src/components/reply/index.ts                 |   1 +
 src/components/reply/reply.module.css         | 108 ++++++++++++++++++
 src/components/reply/reply.tsx                |  85 ++++++++++++++
 .../views/comments/comments.module.css        |   6 +-
 src/components/views/comments/comments.tsx    |   5 +-
 src/hooks/use-replies.ts                      |  29 +++++
 8 files changed, 235 insertions(+), 6 deletions(-)
 create mode 100644 src/components/reply/index.ts
 create mode 100644 src/components/reply/reply.module.css
 create mode 100644 src/components/reply/reply.tsx
 create mode 100644 src/hooks/use-replies.ts

diff --git a/src/components/post/expando/expando.tsx b/src/components/post/expando/expando.tsx
index 85a290d2..5c76382e 100644
--- a/src/components/post/expando/expando.tsx
+++ b/src/components/post/expando/expando.tsx
@@ -8,9 +8,10 @@ import Embed from '../embed';
 interface ExpandoProps {
   commentCid: string;
   expanded: boolean;
+  showContent: boolean;
 }
 
-const Expando: FC<ExpandoProps> = ({ commentCid, expanded }) => {
+const Expando: FC<ExpandoProps> = ({ commentCid, expanded, showContent }) => {
   const comment = useComment({ commentCid });
   const { cid, content, link, subplebbitAddress } = comment || {};
   const commentMediaInfo = utils.getCommentMediaInfoMemoized(comment);
@@ -38,7 +39,7 @@ const Expando: FC<ExpandoProps> = ({ commentCid, expanded }) => {
           </Link>
         </div>
       )}
-      {content && (
+      {content && showContent && (
         <div className={styles.usertext}>
           <div className={styles.markdown}>{content}</div>
         </div>
diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index 4536d2ec..782aa3b9 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -86,7 +86,7 @@ const Post: FC<PostProps> = ({ post, index, shouldExpand = true }) => {
           </div>
         </div>
       </div>
-      <Expando commentCid={cid} expanded={expanded} />
+      <Expando commentCid={cid} expanded={expanded} showContent={true} />
     </div>
   );
 };
diff --git a/src/components/reply/index.ts b/src/components/reply/index.ts
new file mode 100644
index 00000000..a644f42d
--- /dev/null
+++ b/src/components/reply/index.ts
@@ -0,0 +1 @@
+export {default} from './reply';
\ No newline at end of file
diff --git a/src/components/reply/reply.module.css b/src/components/reply/reply.module.css
new file mode 100644
index 00000000..56df1e66
--- /dev/null
+++ b/src/components/reply/reply.module.css
@@ -0,0 +1,108 @@
+.nested {
+  margin-top: 10px;
+  border-left: 1px dotted #DDF;
+}
+
+.replyWrapper {
+ margin-top: 10px; 
+}
+
+.midcol {
+  visibility: visible;
+  margin-left: 0px;
+  width: 15px;
+  float: left;
+  margin-right: 7px;
+  margin-left: 7px;
+  background: transparent;
+  overflow: hidden;
+}
+
+.arrow {
+  width: 15px;
+  height: 14px;
+  display: block;
+  cursor: pointer;
+  margin: 2px 0px 0px 0px;
+  display: block;
+  cursor: pointer;
+  margin-left: auto;
+  margin-right: auto;
+  outline: none;
+}
+
+.arrowUp {
+  background-image: url("/public/assets/buttons/arrow-up.png");
+}
+
+.arrowDown {
+  background-image: url("/public/assets/buttons/arrow-down.png");
+}
+
+.entry {
+  overflow: hidden;
+  margin-left: 3px;
+  opacity: 1;
+}
+
+.tagline {
+  color: var(--text);
+  font-size: x-small;
+}
+
+.expand {
+  margin-right: 3px;
+  padding: 1px;
+  color: var(--text-primary);
+  cursor: pointer;
+}
+
+.author {
+  font-weight: bold;
+  margin-right: 0.5em;
+  color: var(--text-primary);
+  text-decoration: none;
+}
+
+.score {
+  color: var(--text-info);
+  font-size: x-small;  
+}
+
+.time {
+  color: var(--text-info);
+  font-size: x-small;
+}
+
+.usertext {
+  font-size: small;
+  unicode-bidi: isolate;
+}
+
+.md {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  font-size: 1.0769230769230769em;
+  font-weight: 400;
+  color: var(--text-markdown);
+  max-width: 60em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.buttons {
+  list-style-type: none;
+  margin-left: 29px;
+}
+
+.button {
+  display: inline-block;
+  border: none;
+  line-height: 1.6em;
+  white-space: nowrap;
+  color: var(--text-info);
+  font-weight: bold;
+  padding: 0 1px;
+  margin-right: 8px;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/components/reply/reply.tsx b/src/components/reply/reply.tsx
new file mode 100644
index 00000000..f58a2098
--- /dev/null
+++ b/src/components/reply/reply.tsx
@@ -0,0 +1,85 @@
+import { FC, useState } from 'react';
+import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Link } from 'react-router-dom';
+import styles from './reply.module.css';
+import useReplies from '../../hooks/use-replies';
+import utils from '../../lib/utils';
+import { Thumbnail, Expando, ExpandButton } from '../post';
+
+interface ReplyProps {
+  key: number;
+  reply: Comment;
+}
+
+const Reply: FC<ReplyProps> = ({ reply }) => {
+  const {
+    author: { shortAddress },
+    cid,
+    content,
+    depth,
+    link,
+    timestamp,
+  } = reply || {};
+  const replies = useReplies(reply);
+  const [expanded, setExpanded] = useState(false);
+  const toggleExpanded = () => setExpanded(!expanded);
+  const commentMediaInfo = utils.getCommentMediaInfoMemoized(reply);
+  const hasThumbnail = utils.hasThumbnail(commentMediaInfo, link);
+  const calculatedMargin = 10 + (depth - 1) * 25;
+
+  return (
+    <div className={styles.reply}>
+      <div className={`${styles.replyWrapper} ${depth > 1 && styles.nested}`} style={{marginLeft: `${calculatedMargin}px`}}>
+        <div className={styles.midcol}>
+          <div className={`${styles.arrow} ${styles.arrowUp}`} />
+          <div className={`${styles.arrow} ${styles.arrowDown}`} />
+        </div>
+        <div className={styles.entry}>
+          <p className={styles.tagline}>
+            <span className={styles.expand}>[–]</span>
+            <Link
+              to='/u/address.eth'
+              onClick={(e) => {
+                e.preventDefault();
+              }}
+              className={styles.author}
+            >
+              {shortAddress}
+            </Link>
+            <span className={styles.score}>1 point</span>
+            &nbsp;
+            <span className={styles.time}>{utils.getFormattedTime(timestamp)}</span>
+          </p>
+          <div className={styles.usertext}>
+            {hasThumbnail && (<Thumbnail commentCid={cid} />)}
+            {hasThumbnail && (<ExpandButton commentCid={cid} expanded={expanded} hasThumbnail={hasThumbnail} toggleExpanded={toggleExpanded} />)}
+            <div className={styles.md}>{content}</div>
+            {hasThumbnail && (<Expando commentCid={cid} expanded={expanded} showContent={false} />)}
+          </div>
+        </div>
+        <ul className={styles.buttons}>
+          <li className={styles.button}>
+            <span>permalink</span>
+          </li>
+          <li className={styles.button}>
+            <span>embed</span>
+          </li>
+          <li className={styles.button}>
+            <span>save</span>
+          </li>
+          <li className={styles.button}>
+            <span>report</span>
+          </li>
+          <li className={styles.button}>
+            <span>reply</span>
+          </li>
+        </ul>
+      </div>
+      {replies.map((reply, index) => (
+        <Reply key={index} reply={reply} />
+      ))}
+    </div>
+  );
+};
+
+export default Reply;
diff --git a/src/components/views/comments/comments.module.css b/src/components/views/comments/comments.module.css
index 2f40bbe8..2f665480 100644
--- a/src/components/views/comments/comments.module.css
+++ b/src/components/views/comments/comments.module.css
@@ -10,6 +10,7 @@
 
 .comments {
   padding: 7px 5px 0px 5px;
+  margin-bottom: 200px;
 }
 
 .commentArea {
@@ -49,7 +50,7 @@
 }
 
 .dropdown {
-  cursor: default;
+  cursor: pointer;
   display: inline;
   position: relative;
 }
@@ -106,7 +107,7 @@
 }
 
 .save {
-  margin: 5px 5px 10px 0;
+  margin: 5px 5px 0 0;
   -webkit-appearance: button;
   appearance: button;
   cursor: pointer;
@@ -115,4 +116,5 @@
 
 .replies {
   max-width: 80em;
+  margin-left: -6px;
 }
\ No newline at end of file
diff --git a/src/components/views/comments/comments.tsx b/src/components/views/comments/comments.tsx
index 38e848b4..11c9c797 100644
--- a/src/components/views/comments/comments.tsx
+++ b/src/components/views/comments/comments.tsx
@@ -5,12 +5,15 @@ import styles from './comments.module.css';
 import TopBar from '../../topbar';
 import Header from '../../header';
 import Post from '../../post';
+import useReplies from '../../../hooks/use-replies';
+import Reply from '../../reply/reply';
 
 const Comments: FC = () => {
   const { commentCid } = useParams();
   const comment = useComment({ commentCid });
   const { content, replyCount, subplebbitAddress, title } = comment || {};
   const subplebbit = useSubplebbit({subplebbitAddress});
+  const replies = useReplies(comment).map((reply, index) => <Reply key={index} reply={reply} />) || '';
   const threadTitle = title?.slice(0, 40) || content?.slice(0, 40);
   const subplebbitTitle = subplebbit?.title || subplebbit?.shortAddress;
 
@@ -50,7 +53,7 @@ const Comments: FC = () => {
                 </div>
               </div>
             </div>
-            <div className={styles.replies}></div>
+            <div className={styles.replies}>{replies}</div>
           </div>
         </div>
       </div>
diff --git a/src/hooks/use-replies.ts b/src/hooks/use-replies.ts
new file mode 100644
index 00000000..1c6403f8
--- /dev/null
+++ b/src/hooks/use-replies.ts
@@ -0,0 +1,29 @@
+import { useMemo, useCallback } from 'react';
+import { Comment, useAccountComments } from '@plebbit/plebbit-react-hooks';
+
+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 });
+
+  // the account's replies have a delay before getting published, so get them locally from accountComments instead
+  const accountRepliesNotYetPublished = useMemo(() => {
+    const replies = comment?.replies?.pages?.topAll?.comments || [];
+    const replyCids = new Set(replies.map((reply: Comment) => reply?.cid));
+    // filter out the account comments already in comment.replies, so they don't appear twice
+    return accountComments.filter((accountReply) => !replyCids.has(accountReply?.cid));
+  }, [comment?.replies?.pages?.topAll?.comments, accountComments]);
+
+  const repliesAndNotYetPublishedReplies = useMemo(() => {
+    return [
+      // put the author's unpublished replies at the top, latest first (reverse)
+      ...accountRepliesNotYetPublished.reverse(),
+      // put the published replies after,
+      ...(comment?.replies?.pages?.topAll?.comments || []),
+    ];
+  }, [comment?.replies?.pages?.topAll?.comments, accountRepliesNotYetPublished]);
+
+  return repliesAndNotYetPublishedReplies;
+};
+
+export default useRepliesAndAccountReplies;

From bfd6b3267dfb6fc3fda75ee03b23e9519ae06f79 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 15:44:38 +0200
Subject: [PATCH 5/8] style(reply): adjust margin and dotted border

---
 src/components/reply/reply.module.css             |  4 ++--
 src/components/reply/reply.tsx                    | 15 +++++++--------
 src/components/views/comments/comments.module.css |  2 +-
 src/components/views/comments/comments.tsx        |  4 ++--
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/reply/reply.module.css b/src/components/reply/reply.module.css
index 56df1e66..cd4bf612 100644
--- a/src/components/reply/reply.module.css
+++ b/src/components/reply/reply.module.css
@@ -1,15 +1,15 @@
 .nested {
   margin-top: 10px;
+  margin-left: 25px;
   border-left: 1px dotted #DDF;
 }
 
 .replyWrapper {
- margin-top: 10px; 
+ margin-top: 10px;
 }
 
 .midcol {
   visibility: visible;
-  margin-left: 0px;
   width: 15px;
   float: left;
   margin-right: 7px;
diff --git a/src/components/reply/reply.tsx b/src/components/reply/reply.tsx
index f58a2098..1eaf2493 100644
--- a/src/components/reply/reply.tsx
+++ b/src/components/reply/reply.tsx
@@ -25,11 +25,10 @@ const Reply: FC<ReplyProps> = ({ reply }) => {
   const toggleExpanded = () => setExpanded(!expanded);
   const commentMediaInfo = utils.getCommentMediaInfoMemoized(reply);
   const hasThumbnail = utils.hasThumbnail(commentMediaInfo, link);
-  const calculatedMargin = 10 + (depth - 1) * 25;
 
   return (
     <div className={styles.reply}>
-      <div className={`${styles.replyWrapper} ${depth > 1 && styles.nested}`} style={{marginLeft: `${calculatedMargin}px`}}>
+      <div className={`${styles.replyWrapper} ${depth > 1 && styles.nested}`}>
         <div className={styles.midcol}>
           <div className={`${styles.arrow} ${styles.arrowUp}`} />
           <div className={`${styles.arrow} ${styles.arrowDown}`} />
@@ -51,10 +50,10 @@ const Reply: FC<ReplyProps> = ({ reply }) => {
             <span className={styles.time}>{utils.getFormattedTime(timestamp)}</span>
           </p>
           <div className={styles.usertext}>
-            {hasThumbnail && (<Thumbnail commentCid={cid} />)}
-            {hasThumbnail && (<ExpandButton commentCid={cid} expanded={expanded} hasThumbnail={hasThumbnail} toggleExpanded={toggleExpanded} />)}
+            {hasThumbnail && <Thumbnail commentCid={cid} />}
+            {hasThumbnail && <ExpandButton commentCid={cid} expanded={expanded} hasThumbnail={hasThumbnail} toggleExpanded={toggleExpanded} />}
             <div className={styles.md}>{content}</div>
-            {hasThumbnail && (<Expando commentCid={cid} expanded={expanded} showContent={false} />)}
+            {hasThumbnail && <Expando commentCid={cid} expanded={expanded} showContent={false} />}
           </div>
         </div>
         <ul className={styles.buttons}>
@@ -74,10 +73,10 @@ const Reply: FC<ReplyProps> = ({ reply }) => {
             <span>reply</span>
           </li>
         </ul>
+        {replies.map((reply, index) => (
+          <Reply key={index} reply={reply} />
+        ))}
       </div>
-      {replies.map((reply, index) => (
-        <Reply key={index} reply={reply} />
-      ))}
     </div>
   );
 };
diff --git a/src/components/views/comments/comments.module.css b/src/components/views/comments/comments.module.css
index 2f665480..967f3dab 100644
--- a/src/components/views/comments/comments.module.css
+++ b/src/components/views/comments/comments.module.css
@@ -116,5 +116,5 @@
 
 .replies {
   max-width: 80em;
-  margin-left: -6px;
+  margin-left: 3px;
 }
\ No newline at end of file
diff --git a/src/components/views/comments/comments.tsx b/src/components/views/comments/comments.tsx
index 11c9c797..5236bcca 100644
--- a/src/components/views/comments/comments.tsx
+++ b/src/components/views/comments/comments.tsx
@@ -12,7 +12,7 @@ const Comments: FC = () => {
   const { commentCid } = useParams();
   const comment = useComment({ commentCid });
   const { content, replyCount, subplebbitAddress, title } = comment || {};
-  const subplebbit = useSubplebbit({subplebbitAddress});
+  const subplebbit = useSubplebbit({ subplebbitAddress });
   const replies = useReplies(comment).map((reply, index) => <Reply key={index} reply={reply} />) || '';
   const threadTitle = title?.slice(0, 40) || content?.slice(0, 40);
   const subplebbitTitle = subplebbit?.title || subplebbit?.shortAddress;
@@ -39,7 +39,7 @@ const Comments: FC = () => {
             </div>
             <div className={styles.menuArea}>
               <div className={styles.spacer}>
-                <span className={styles.dropdownTitle}>sorted by:</span>
+                <span className={styles.dropdownTitle}>sorted by: </span>
                 <div className={styles.dropdown}>
                   <span className={styles.selected}>best</span>
                 </div>

From aea037dde5f7e2199b81b228bdffef66ae739d19 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 16:13:43 +0200
Subject: [PATCH 6/8] style: rename black theme to dark

---
 public/translations/ar/default.json     | 2 +-
 public/translations/bn/default.json     | 2 +-
 public/translations/cs/default.json     | 2 +-
 public/translations/da/default.json     | 2 +-
 public/translations/de/default.json     | 2 +-
 public/translations/el/default.json     | 2 +-
 public/translations/en/default.json     | 2 +-
 public/translations/es/default.json     | 2 +-
 public/translations/fa/default.json     | 2 +-
 public/translations/fi/default.json     | 2 +-
 public/translations/fil/default.json    | 2 +-
 public/translations/fr/default.json     | 2 +-
 public/translations/he/default.json     | 2 +-
 public/translations/hi/default.json     | 2 +-
 public/translations/hu/default.json     | 2 +-
 public/translations/id/default.json     | 2 +-
 public/translations/it/default.json     | 2 +-
 public/translations/ja/default.json     | 2 +-
 public/translations/ko/default.json     | 2 +-
 public/translations/mr/default.json     | 2 +-
 public/translations/nl/default.json     | 2 +-
 public/translations/no/default.json     | 2 +-
 public/translations/pl/default.json     | 2 +-
 public/translations/pt/default.json     | 2 +-
 public/translations/ro/default.json     | 2 +-
 public/translations/ru/default.json     | 2 +-
 public/translations/sq/default.json     | 2 +-
 public/translations/sv/default.json     | 2 +-
 public/translations/te/default.json     | 2 +-
 public/translations/th/default.json     | 2 +-
 public/translations/tr/default.json     | 2 +-
 public/translations/uk/default.json     | 2 +-
 public/translations/ur/default.json     | 2 +-
 public/translations/vi/default.json     | 2 +-
 public/translations/zh/default.json     | 2 +-
 src/components/header/header.tsx        | 4 ++--
 src/components/topbar/topbar.module.css | 1 +
 src/themes.css                          | 2 +-
 38 files changed, 39 insertions(+), 38 deletions(-)

diff --git a/public/translations/ar/default.json b/public/translations/ar/default.json
index f43e66cb..861aa2e2 100644
--- a/public/translations/ar/default.json
+++ b/public/translations/ar/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "التفضيلات",
   "account_bar_language": "العربية",
   "account_bar_submit": "إرسال",
-  "black": "أسود",
+  "dark": "داكن",
   "light": "فاتح",
   "topbar_my_subs": "مجتمعاتي",
   "topbar_edit": "تعديل",
diff --git a/public/translations/bn/default.json b/public/translations/bn/default.json
index 811e4506..b1939440 100644
--- a/public/translations/bn/default.json
+++ b/public/translations/bn/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "পছন্দ",
   "account_bar_language": "ইংরেজি",
   "account_bar_submit": "জমা দিন",
-  "black": "কালো",
+  "dark": "অন্ধকার",
   "light": "আলো",
   "topbar_my_subs": "আমার সম্প্রদায়",
   "topbar_edit": "সম্পাদনা",
diff --git a/public/translations/cs/default.json b/public/translations/cs/default.json
index 514f4d44..866cfcbb 100644
--- a/public/translations/cs/default.json
+++ b/public/translations/cs/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Předvolby",
   "account_bar_language": "Angličtina",
   "account_bar_submit": "Odeslat",
-  "black": "Černá",
+  "dark": "Tmavý",
   "light": "Světlá",
   "topbar_my_subs": "Mé komunity",
   "topbar_edit": "Upravit",
diff --git a/public/translations/da/default.json b/public/translations/da/default.json
index 37ad7db0..c7c30d0e 100644
--- a/public/translations/da/default.json
+++ b/public/translations/da/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Indstillinger",
   "account_bar_language": "Engelsk",
   "account_bar_submit": "Indsend",
-  "black": "Sort",
+  "dark": "Mørk",
   "light": "Lys",
   "topbar_my_subs": "Mine samfund",
   "topbar_edit": "Rediger",
diff --git a/public/translations/de/default.json b/public/translations/de/default.json
index 4475c16b..a9c236c2 100644
--- a/public/translations/de/default.json
+++ b/public/translations/de/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Einstellungen",
   "account_bar_language": "Deutsch",
   "account_bar_submit": "Einreichen",
-  "black": "schwarz",
+  "dark": "Dunkel",
   "light": "hell",
   "topbar_my_subs": "meine Communities",
   "topbar_edit": "ändern",
diff --git a/public/translations/el/default.json b/public/translations/el/default.json
index 3ee83be6..73236735 100644
--- a/public/translations/el/default.json
+++ b/public/translations/el/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Προτιμήσεις",
   "account_bar_language": "Αγγλικά",
   "account_bar_submit": "Υποβολή",
-  "black": "Μαύρο",
+  "dark": "Σκοτεινός",
   "light": "Φωτεινό",
   "topbar_my_subs": "Οι κοινότητές μου",
   "topbar_edit": "Επεξεργασία",
diff --git a/public/translations/en/default.json b/public/translations/en/default.json
index 432282ed..a236331a 100644
--- a/public/translations/en/default.json
+++ b/public/translations/en/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "preferences",
   "account_bar_language": "English",
   "account_bar_submit": "submit",
-  "black": "black",
+  "dark": "dark",
   "light": "light",
   "topbar_my_subs": "my communities",
   "topbar_edit": "edit",
diff --git a/public/translations/es/default.json b/public/translations/es/default.json
index 3e1b66a8..c70f67a3 100644
--- a/public/translations/es/default.json
+++ b/public/translations/es/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "preferencias",
   "account_bar_language": "Español",
   "account_bar_submit": "enviar",
-  "black": "negro",
+  "dark": "oscuro",
   "light": "claro",
   "topbar_my_subs": "mis comunidades",
   "topbar_edit": "editar",
diff --git a/public/translations/fa/default.json b/public/translations/fa/default.json
index 115ac032..bbb27319 100644
--- a/public/translations/fa/default.json
+++ b/public/translations/fa/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "تنظیمات",
   "account_bar_language": "انگلیسی",
   "account_bar_submit": "ارسال",
-  "black": "سیاه",
+  "dark": "تاریک",
   "light": "روشن",
   "topbar_my_subs": "جوامع من",
   "topbar_edit": "ویرایش",
diff --git a/public/translations/fi/default.json b/public/translations/fi/default.json
index d31ec17b..b6c07e1e 100644
--- a/public/translations/fi/default.json
+++ b/public/translations/fi/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Asetukset",
   "account_bar_language": "Englanti",
   "account_bar_submit": "Lähetä",
-  "black": "Musta",
+  "dark": "Tumma",
   "light": "Vaalea",
   "topbar_my_subs": "Omat yhteisöt",
   "topbar_edit": "Muokkaa",
diff --git a/public/translations/fil/default.json b/public/translations/fil/default.json
index 0f656099..38c3b931 100644
--- a/public/translations/fil/default.json
+++ b/public/translations/fil/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Mga Kagustuhan",
   "account_bar_language": "Ingles",
   "account_bar_submit": "Ipadala",
-  "black": "Itim",
+  "dark": "Madilim",
   "light": "Maliwanag",
   "topbar_my_subs": "Aking mga Komunidad",
   "topbar_edit": "I-edit",
diff --git a/public/translations/fr/default.json b/public/translations/fr/default.json
index b32d17b2..205c124b 100644
--- a/public/translations/fr/default.json
+++ b/public/translations/fr/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "préférences",
   "account_bar_language": "Français",
   "account_bar_submit": "soumettre",
-  "black": "noir",
+  "dark": "sombre",
   "light": "clair",
   "topbar_my_subs": "mes communautés",
   "topbar_edit": "modifier",
diff --git a/public/translations/he/default.json b/public/translations/he/default.json
index ffe81f3d..a40d1694 100644
--- a/public/translations/he/default.json
+++ b/public/translations/he/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "העדפות",
   "account_bar_language": "אנגלית",
   "account_bar_submit": "שלח",
-  "black": "שחור",
+  "dark": "כהה",
   "light": "בהיר",
   "topbar_my_subs": "הקהילות שלי",
   "topbar_edit": "ערוך",
diff --git a/public/translations/hi/default.json b/public/translations/hi/default.json
index 72a21b68..4abd9706 100644
--- a/public/translations/hi/default.json
+++ b/public/translations/hi/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "प्राथमिकताएँ",
   "account_bar_language": "हिंदी",
   "account_bar_submit": "भेजें",
-  "black": "काला",
+  "dark": "अंधेरा",
   "light": "हल्का",
   "topbar_my_subs": "मेरे समुदाय",
   "topbar_edit": "संपादित करें",
diff --git a/public/translations/hu/default.json b/public/translations/hu/default.json
index 599ba734..0c61aeff 100644
--- a/public/translations/hu/default.json
+++ b/public/translations/hu/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Beállítások",
   "account_bar_language": "Angol",
   "account_bar_submit": "Küldés",
-  "black": "Fekete",
+  "dark": "Sötét",
   "light": "Világos",
   "topbar_my_subs": "Saját közösségeim",
   "topbar_edit": "Szerkesztés",
diff --git a/public/translations/id/default.json b/public/translations/id/default.json
index 0dadb99b..ecbf33c0 100644
--- a/public/translations/id/default.json
+++ b/public/translations/id/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Preferensi",
   "account_bar_language": "Inggris",
   "account_bar_submit": "Kirim",
-  "black": "Hitam",
+  "dark": "Gelap",
   "light": "Terang",
   "topbar_my_subs": "Komunitas Saya",
   "topbar_edit": "Edit",
diff --git a/public/translations/it/default.json b/public/translations/it/default.json
index 24593937..b6bb1484 100644
--- a/public/translations/it/default.json
+++ b/public/translations/it/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "preferenze",
   "account_bar_language": "Italiano",
   "account_bar_submit": "invia",
-  "black": "nero",
+  "dark": "scuro",
   "light": "chiaro",
   "topbar_my_subs": "le mie comunità",
   "topbar_edit": "modifica",
diff --git a/public/translations/ja/default.json b/public/translations/ja/default.json
index 21e7af27..2a1b9019 100644
--- a/public/translations/ja/default.json
+++ b/public/translations/ja/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "設定",
   "account_bar_language": "日本語",
   "account_bar_submit": "送信",
-  "black": "黒",
+  "dark": "暗い",
   "light": "明るい",
   "topbar_my_subs": "マイコミュニティ",
   "topbar_edit": "編集",
diff --git a/public/translations/ko/default.json b/public/translations/ko/default.json
index ed1e60d4..564f78e7 100644
--- a/public/translations/ko/default.json
+++ b/public/translations/ko/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "설정",
   "account_bar_language": "영어",
   "account_bar_submit": "제출",
-  "black": "검은색",
+  "dark": "어두운",
   "light": "밝은",
   "topbar_my_subs": "내 커뮤니티",
   "topbar_edit": "편집",
diff --git a/public/translations/mr/default.json b/public/translations/mr/default.json
index c016298c..e7aafa34 100644
--- a/public/translations/mr/default.json
+++ b/public/translations/mr/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "प्राथमिकता",
   "account_bar_language": "इंग्रजी",
   "account_bar_submit": "सबमिट करा",
-  "black": "काळा",
+  "dark": "गडद",
   "light": "पांढरा",
   "topbar_my_subs": "माझ्या समुदायांतील",
   "topbar_edit": "संपादित करा",
diff --git a/public/translations/nl/default.json b/public/translations/nl/default.json
index 7bafc5f8..8e3a98ef 100644
--- a/public/translations/nl/default.json
+++ b/public/translations/nl/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Voorkeuren",
   "account_bar_language": "Engels",
   "account_bar_submit": "Indienen",
-  "black": "Zwart",
+  "dark": "Donker",
   "light": "Licht",
   "topbar_my_subs": "Mijn gemeenschappen",
   "topbar_edit": "Bewerken",
diff --git a/public/translations/no/default.json b/public/translations/no/default.json
index 2a6e7cc4..d7aedb3e 100644
--- a/public/translations/no/default.json
+++ b/public/translations/no/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Innstillinger",
   "account_bar_language": "Engelsk",
   "account_bar_submit": "Send inn",
-  "black": "Svart",
+  "dark": "Mørk",
   "light": "Lys",
   "topbar_my_subs": "Mine samfunn",
   "topbar_edit": "Rediger",
diff --git a/public/translations/pl/default.json b/public/translations/pl/default.json
index 36fc1217..93145239 100644
--- a/public/translations/pl/default.json
+++ b/public/translations/pl/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Preferencje",
   "account_bar_language": "Angielski",
   "account_bar_submit": "Zatwierdź",
-  "black": "Czarne",
+  "dark": "Ciemny",
   "light": "Jasne",
   "topbar_my_subs": "Moje społeczności",
   "topbar_edit": "Edytuj",
diff --git a/public/translations/pt/default.json b/public/translations/pt/default.json
index 11bbaf88..b70d8267 100644
--- a/public/translations/pt/default.json
+++ b/public/translations/pt/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "preferências",
   "account_bar_language": "Português",
   "account_bar_submit": "enviar",
-  "black": "preto",
+  "dark": "escuro",
   "light": "claro",
   "topbar_my_subs": "minhas comunidades",
   "topbar_edit": "editar",
diff --git a/public/translations/ro/default.json b/public/translations/ro/default.json
index e1f1b143..aa5f467e 100644
--- a/public/translations/ro/default.json
+++ b/public/translations/ro/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Preferințe",
   "account_bar_language": "Engleză",
   "account_bar_submit": "Trimite",
-  "black": "Negru",
+  "dark": "Întunecat",
   "light": "Luminos",
   "topbar_my_subs": "Comunitățile mele",
   "topbar_edit": "Editează",
diff --git a/public/translations/ru/default.json b/public/translations/ru/default.json
index 3b834fc4..88a49702 100644
--- a/public/translations/ru/default.json
+++ b/public/translations/ru/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Настройки",
   "account_bar_language": "Английский",
   "account_bar_submit": "Отправить",
-  "black": "Черный",
+  "dark": "Темный",
   "light": "Светлый",
   "topbar_my_subs": "Мои сообщества",
   "topbar_edit": "Редактировать",
diff --git a/public/translations/sq/default.json b/public/translations/sq/default.json
index ab6daa24..2eb58625 100644
--- a/public/translations/sq/default.json
+++ b/public/translations/sq/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Preferencat",
   "account_bar_language": "Anglisht",
   "account_bar_submit": "Dërgo",
-  "black": "I zi",
+  "dark": "Errët",
   "light": "I ndritur",
   "topbar_my_subs": "Komunitetet e mia",
   "topbar_edit": "Redakto",
diff --git a/public/translations/sv/default.json b/public/translations/sv/default.json
index 68c1001d..30df116a 100644
--- a/public/translations/sv/default.json
+++ b/public/translations/sv/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Inställningar",
   "account_bar_language": "Engelska",
   "account_bar_submit": "Skicka",
-  "black": "Svart",
+  "dark": "Mörk",
   "light": "Ljus",
   "topbar_my_subs": "Mina gemenskaper",
   "topbar_edit": "Redigera",
diff --git a/public/translations/te/default.json b/public/translations/te/default.json
index 4b3c0e86..b1f5442e 100644
--- a/public/translations/te/default.json
+++ b/public/translations/te/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "ప్రాధాన్యతలు",
   "account_bar_language": "ఇంగ్లీష్",
   "account_bar_submit": "సబ్మిట్",
-  "black": "నలుపు",
+  "dark": "ముదురు",
   "light": "తెలుపు",
   "topbar_my_subs": "నా సముదాయాలు",
   "topbar_edit": "సవరించు",
diff --git a/public/translations/th/default.json b/public/translations/th/default.json
index e247b586..5768c657 100644
--- a/public/translations/th/default.json
+++ b/public/translations/th/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "การตั้งค่า",
   "account_bar_language": "อังกฤษ",
   "account_bar_submit": "ส่ง",
-  "black": "ดำ",
+  "dark": "มืด",
   "light": "สีขาว",
   "topbar_my_subs": "ชุมชนของฉัน",
   "topbar_edit": "แก้ไข",
diff --git a/public/translations/tr/default.json b/public/translations/tr/default.json
index d3bbe72c..a2fd0910 100644
--- a/public/translations/tr/default.json
+++ b/public/translations/tr/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Tercihler",
   "account_bar_language": "İngilizce",
   "account_bar_submit": "Gönder",
-  "black": "Siyah",
+  "dark": "Karanlık",
   "light": "Açık",
   "topbar_my_subs": "Topluluklarım",
   "topbar_edit": "Düzenle",
diff --git a/public/translations/uk/default.json b/public/translations/uk/default.json
index 0fd9ef30..3d3775f8 100644
--- a/public/translations/uk/default.json
+++ b/public/translations/uk/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Налаштування",
   "account_bar_language": "Англійська",
   "account_bar_submit": "Надіслати",
-  "black": "Чорний",
+  "dark": "Темний",
   "light": "Світлий",
   "topbar_my_subs": "Мої спільноти",
   "topbar_edit": "Редагувати",
diff --git a/public/translations/ur/default.json b/public/translations/ur/default.json
index d37cad8f..0f802a61 100644
--- a/public/translations/ur/default.json
+++ b/public/translations/ur/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "ترجیحات",
   "account_bar_language": "انگلش",
   "account_bar_submit": "جمع کرائیں",
-  "black": "سیاہ",
+  "dark": "تاریک",
   "light": "ہلکا",
   "topbar_my_subs": "میری کمیونٹیاں",
   "topbar_edit": "تدوین کریں",
diff --git a/public/translations/vi/default.json b/public/translations/vi/default.json
index 51e990a5..295aa12b 100644
--- a/public/translations/vi/default.json
+++ b/public/translations/vi/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "Tùy chỉnh",
   "account_bar_language": "Tiếng Anh",
   "account_bar_submit": "Gửi",
-  "black": "Đen",
+  "dark": "Tối",
   "light": "Sáng",
   "topbar_my_subs": "Cộng đồng của tôi",
   "topbar_edit": "Chỉnh sửa",
diff --git a/public/translations/zh/default.json b/public/translations/zh/default.json
index cc17c4a7..31ccb4ff 100644
--- a/public/translations/zh/default.json
+++ b/public/translations/zh/default.json
@@ -9,7 +9,7 @@
   "account_bar_preferences": "偏好设置",
   "account_bar_language": "简体中文",
   "account_bar_submit": "提交",
-  "black": "黑色",
+  "dark": "暗",
   "light": "浅色",
   "topbar_my_subs": "我的社群",
   "topbar_edit": "编辑",
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index 507acd69..7f57a3b0 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -18,7 +18,7 @@ const Theme: FC = () => {
     <div style={{ padding: '5px' }}>
       <select value={theme} onChange={(e) => setTheme(e.target.value)}>
         <option value='light'>{t('light')}</option>
-        <option value='black'>{t('black')}</option>
+        <option value='dark'>{t('dark')}</option>
       </select>
     </div>
   );
@@ -65,7 +65,7 @@ const Header: FC = () => {
         <span className={styles.container}>
           <Link to='/' style={{ all: 'unset', cursor: 'pointer' }}>
             <img className={styles.logo} src='/assets/logo/seedit.png' alt='logo' />
-            <img src={`${process.env.PUBLIC_URL}/assets/logo/seedit-text-${theme === 'black' ? 'dark' : 'light'}.svg`} className={styles.logoText} alt='logo' />
+            <img src={`${process.env.PUBLIC_URL}/assets/logo/seedit-text-${theme === 'dark' ? 'dark' : 'light'}.svg`} className={styles.logoText} alt='logo' />
           </Link>
           {buttons}
         </span>
diff --git a/src/components/topbar/topbar.module.css b/src/components/topbar/topbar.module.css
index 3c6decf8..754c831c 100644
--- a/src/components/topbar/topbar.module.css
+++ b/src/components/topbar/topbar.module.css
@@ -6,6 +6,7 @@
   font-size: 90%;
   height: 18px;
   line-height: 18px;
+  color: var(--text);
 }
 
 .widthClip {
diff --git a/src/themes.css b/src/themes.css
index e35ebaba..4f7518e6 100644
--- a/src/themes.css
+++ b/src/themes.css
@@ -23,7 +23,7 @@
   --close-button-hover: url("/public/assets/buttons/close-button-hover.png");
 }
 
-:root .black {
+:root .dark {
   --background: #0f0f0f;
   --background-primary: #1f1f1f;
   --background-secondary: #3e3e3e;

From 821ff325f357baacb6c661ce85be6fc0dfb610e0 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 16:51:06 +0200
Subject: [PATCH 7/8] chore(translations): translate reply buttons

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

diff --git a/public/translations/ar/default.json b/public/translations/ar/default.json
index 861aa2e2..4485f40b 100644
--- a/public/translations/ar/default.json
+++ b/public/translations/ar/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "منذ عام واحد",
   "time_x_years_ago": "منذ {{count}} سنوات",
   "post_label_spoiler": "حرق",
-  "post_label_unspoiler": "إلغاء حرق"
+  "post_label_unspoiler": "إلغاء حرق",
+  "reply_permalink": "رابط ثابت",
+  "reply_embed": "تضمين",
+  "reply_reply": "الرد"
 }
\ No newline at end of file
diff --git a/public/translations/bn/default.json b/public/translations/bn/default.json
index b1939440..f3b02442 100644
--- a/public/translations/bn/default.json
+++ b/public/translations/bn/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "১ বছর আগে",
   "time_x_years_ago": "{{count}} বছর আগে",
   "post_label_spoiler": "স্পয়লার",
-  "post_label_unspoiler": "আনস্পয়লার"
+  "post_label_unspoiler": "আনস্পয়লার",
+  "reply_permalink": "স্থায়ী লিঙ্ক",
+  "reply_embed": "embed",
+  "reply_reply": "উত্তর"
 }
\ No newline at end of file
diff --git a/public/translations/cs/default.json b/public/translations/cs/default.json
index 866cfcbb..3781bad7 100644
--- a/public/translations/cs/default.json
+++ b/public/translations/cs/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "Před 1 rokem",
   "time_x_years_ago": "Před {{count}} roky",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Odstranit spoiler"
+  "post_label_unspoiler": "Odstranit spoiler",
+  "reply_permalink": "Trvalý odkaz",
+  "reply_embed": "Embed",
+  "reply_reply": "Odpověď"
 }
\ No newline at end of file
diff --git a/public/translations/da/default.json b/public/translations/da/default.json
index c7c30d0e..18225798 100644
--- a/public/translations/da/default.json
+++ b/public/translations/da/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 år siden",
   "time_x_years_ago": "{{count}} år siden",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Fjern spoiler"
+  "post_label_unspoiler": "Fjern spoiler",
+  "reply_permalink": "Permalink",
+  "reply_embed": "Embed",
+  "reply_reply": "Svar"
 }
\ No newline at end of file
diff --git a/public/translations/de/default.json b/public/translations/de/default.json
index a9c236c2..dd21f416 100644
--- a/public/translations/de/default.json
+++ b/public/translations/de/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "vor 1 Jahr",
   "time_x_years_ago": "vor {{count}} Jahren",
   "post_label_spoiler": "ausklappen",
-  "post_label_unspoiler": "einklappen"
+  "post_label_unspoiler": "einklappen",
+  "reply_permalink": "Dauerlink",
+  "reply_embed": "Embed",
+  "reply_reply": "Antwort"
 }
\ No newline at end of file
diff --git a/public/translations/el/default.json b/public/translations/el/default.json
index 73236735..3553a082 100644
--- a/public/translations/el/default.json
+++ b/public/translations/el/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "Πριν από 1 έτος",
   "time_x_years_ago": "Πριν από {{count}} έτη",
   "post_label_spoiler": "Διαρροή",
-  "post_label_unspoiler": "Χωρίς Διαρροή"
+  "post_label_unspoiler": "Χωρίς Διαρροή",
+  "reply_permalink": "Μόνιμος σύνδεσμος",
+  "reply_embed": "Embed",
+  "reply_reply": "Απάντηση"
 }
\ No newline at end of file
diff --git a/public/translations/en/default.json b/public/translations/en/default.json
index a236331a..7a5406bc 100644
--- a/public/translations/en/default.json
+++ b/public/translations/en/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 year ago",
   "time_x_years_ago": "{{count}} years ago",
   "post_label_spoiler": "spoiler",
-  "post_label_unspoiler": "unspoiler"
+  "post_label_unspoiler": "unspoiler",
+  "reply_permalink": "permalink",
+  "reply_embed": "embed",
+  "reply_reply": "reply"
 }
\ No newline at end of file
diff --git a/public/translations/es/default.json b/public/translations/es/default.json
index c70f67a3..21ce4e20 100644
--- a/public/translations/es/default.json
+++ b/public/translations/es/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "hace 1 año",
   "time_x_years_ago": "hace {{count}} años",
   "post_label_spoiler": "spoiler",
-  "post_label_unspoiler": "despoiler"
+  "post_label_unspoiler": "despoiler",
+  "reply_permalink": "enlace permanente",
+  "reply_embed": "embed",
+  "reply_reply": "responder"
 }
\ No newline at end of file
diff --git a/public/translations/fa/default.json b/public/translations/fa/default.json
index bbb27319..948dbe2f 100644
--- a/public/translations/fa/default.json
+++ b/public/translations/fa/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 سال پیش",
   "time_x_years_ago": "{{count}} سال پیش",
   "post_label_spoiler": "اسپویلر",
-  "post_label_unspoiler": "حذف اسپویلر"
+  "post_label_unspoiler": "حذف اسپویلر",
+  "reply_permalink": "پیوند ثابت",
+  "reply_embed": "توکار",
+  "reply_reply": "پاسخ"
 }
\ No newline at end of file
diff --git a/public/translations/fi/default.json b/public/translations/fi/default.json
index b6c07e1e..5113890c 100644
--- a/public/translations/fi/default.json
+++ b/public/translations/fi/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 vuosi sitten",
   "time_x_years_ago": "{{count}} vuotta sitten",
   "post_label_spoiler": "Juonipaljastus",
-  "post_label_unspoiler": "Poista juonipaljastus"
+  "post_label_unspoiler": "Poista juonipaljastus",
+  "reply_permalink": "Pysyvä linkki",
+  "reply_embed": "Upottaa",
+  "reply_reply": "Vastaus"
 }
\ No newline at end of file
diff --git a/public/translations/fil/default.json b/public/translations/fil/default.json
index 38c3b931..81a7b02e 100644
--- a/public/translations/fil/default.json
+++ b/public/translations/fil/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 taon ang nakalipas",
   "time_x_years_ago": "{{count}} taon ang nakalipas",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Walang Spoiler"
+  "post_label_unspoiler": "Walang Spoiler",
+  "reply_permalink": "Permalink",
+  "reply_embed": "Embed",
+  "reply_reply": "Tumugon"
 }
\ No newline at end of file
diff --git a/public/translations/fr/default.json b/public/translations/fr/default.json
index 205c124b..f608168e 100644
--- a/public/translations/fr/default.json
+++ b/public/translations/fr/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "il y a 1 an",
   "time_x_years_ago": "il y a {{count}} ans",
   "post_label_spoiler": "spoiler",
-  "post_label_unspoiler": "unspoiler"
+  "post_label_unspoiler": "unspoiler",
+  "reply_permalink": "lien permanent",
+  "reply_embed": "embed",
+  "reply_reply": "répondre"
 }
\ No newline at end of file
diff --git a/public/translations/he/default.json b/public/translations/he/default.json
index a40d1694..19b2b90e 100644
--- a/public/translations/he/default.json
+++ b/public/translations/he/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "לפני שנה",
   "time_x_years_ago": "לפני {{count}} שנים",
   "post_label_spoiler": "ספוילר",
-  "post_label_unspoiler": "הסר ספוילר"
+  "post_label_unspoiler": "הסר ספוילר",
+  "reply_permalink": "קישור קבוע",
+  "reply_embed": "הטמע",
+  "reply_reply": "תגובה"
 }
\ No newline at end of file
diff --git a/public/translations/hi/default.json b/public/translations/hi/default.json
index 4abd9706..92a55ae6 100644
--- a/public/translations/hi/default.json
+++ b/public/translations/hi/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 साल पहले",
   "time_x_years_ago": "{{count}} साल पहले",
   "post_label_spoiler": "स्पॉयलर",
-  "post_label_unspoiler": "अनस्पॉयलर"
+  "post_label_unspoiler": "अनस्पॉयलर",
+  "reply_permalink": "स्थायी लिंक",
+  "reply_embed": "एम्बेड",
+  "reply_reply": "उत्तर"
 }
\ No newline at end of file
diff --git a/public/translations/hu/default.json b/public/translations/hu/default.json
index 0c61aeff..c2240a5c 100644
--- a/public/translations/hu/default.json
+++ b/public/translations/hu/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 éve",
   "time_x_years_ago": "{{count}} éve",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Spoiler eltávolítása"
+  "post_label_unspoiler": "Spoiler eltávolítása",
+  "reply_permalink": "Állandó hivatkozás",
+  "reply_embed": "Embed",
+  "reply_reply": "Válasz"
 }
\ No newline at end of file
diff --git a/public/translations/id/default.json b/public/translations/id/default.json
index ecbf33c0..c9427be2 100644
--- a/public/translations/id/default.json
+++ b/public/translations/id/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 tahun yang lalu",
   "time_x_years_ago": "{{count}} tahun yang lalu",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Tanpa Spoiler"
+  "post_label_unspoiler": "Tanpa Spoiler",
+  "reply_permalink": "Tautan tetap",
+  "reply_embed": "Embed",
+  "reply_reply": "Balasan"
 }
\ No newline at end of file
diff --git a/public/translations/it/default.json b/public/translations/it/default.json
index b6bb1484..3fb678dd 100644
--- a/public/translations/it/default.json
+++ b/public/translations/it/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 anno fa",
   "time_x_years_ago": "{{count}} anni fa",
   "post_label_spoiler": "spoiler",
-  "post_label_unspoiler": "rimuovi spoiler"
+  "post_label_unspoiler": "rimuovi spoiler",
+  "reply_permalink": "permalink",
+  "reply_embed": "embed",
+  "reply_reply": "rispondi"
 }
\ No newline at end of file
diff --git a/public/translations/ja/default.json b/public/translations/ja/default.json
index 2a1b9019..dee99974 100644
--- a/public/translations/ja/default.json
+++ b/public/translations/ja/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1年前",
   "time_x_years_ago": "{{count}}年前",
   "post_label_spoiler": "ネタバレ",
-  "post_label_unspoiler": "ネタバレ解除"
+  "post_label_unspoiler": "ネタバレ解除",
+  "reply_permalink": "パーマリンク",
+  "reply_embed": "埋め込む",
+  "reply_reply": "返信"
 }
\ No newline at end of file
diff --git a/public/translations/ko/default.json b/public/translations/ko/default.json
index 564f78e7..06d2c6a2 100644
--- a/public/translations/ko/default.json
+++ b/public/translations/ko/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1년 전",
   "time_x_years_ago": "{{count}}년 전",
   "post_label_spoiler": "스포일러",
-  "post_label_unspoiler": "스포일러 해제"
+  "post_label_unspoiler": "스포일러 해제",
+  "reply_permalink": "고정 링크",
+  "reply_embed": "임베드",
+  "reply_reply": "답장"
 }
\ No newline at end of file
diff --git a/public/translations/mr/default.json b/public/translations/mr/default.json
index e7aafa34..c2563010 100644
--- a/public/translations/mr/default.json
+++ b/public/translations/mr/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "१ वर्षांपूर्वी",
   "time_x_years_ago": "{{count}} वर्षांपूर्वी",
   "post_label_spoiler": "स्पॉयलर",
-  "post_label_unspoiler": "अनस्पॉयलर"
+  "post_label_unspoiler": "अनस्पॉयलर",
+  "reply_permalink": "कायम संकेतस्थळ",
+  "reply_embed": "embed",
+  "reply_reply": "उत्तर"
 }
\ No newline at end of file
diff --git a/public/translations/nl/default.json b/public/translations/nl/default.json
index 8e3a98ef..2dc34324 100644
--- a/public/translations/nl/default.json
+++ b/public/translations/nl/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 jaar geleden",
   "time_x_years_ago": "{{count}} jaar geleden",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Geen spoiler"
+  "post_label_unspoiler": "Geen spoiler",
+  "reply_permalink": "Permalink",
+  "reply_embed": "Embed",
+  "reply_reply": "Antwoord"
 }
\ No newline at end of file
diff --git a/public/translations/no/default.json b/public/translations/no/default.json
index d7aedb3e..1154524f 100644
--- a/public/translations/no/default.json
+++ b/public/translations/no/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 år siden",
   "time_x_years_ago": "{{count}} år siden",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Fjern spoiler"
+  "post_label_unspoiler": "Fjern spoiler",
+  "reply_permalink": "Permanent lenke",
+  "reply_embed": "Embed",
+  "reply_reply": "Svar"
 }
\ No newline at end of file
diff --git a/public/translations/pl/default.json b/public/translations/pl/default.json
index 93145239..4aae4b0d 100644
--- a/public/translations/pl/default.json
+++ b/public/translations/pl/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 rok temu",
   "time_x_years_ago": "{{count}} lat temu",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Usuń spoiler"
+  "post_label_unspoiler": "Usuń spoiler",
+  "reply_permalink": "Stały link",
+  "reply_embed": "Embed",
+  "reply_reply": "Odpowiedź"
 }
\ No newline at end of file
diff --git a/public/translations/pt/default.json b/public/translations/pt/default.json
index b70d8267..bce070e1 100644
--- a/public/translations/pt/default.json
+++ b/public/translations/pt/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "há 1 ano",
   "time_x_years_ago": "há {{count}} anos",
   "post_label_spoiler": "spoiler",
-  "post_label_unspoiler": "desfazer spoiler"
+  "post_label_unspoiler": "desfazer spoiler",
+  "reply_permalink": "permalink",
+  "reply_embed": "embed",
+  "reply_reply": "responder"
 }
\ No newline at end of file
diff --git a/public/translations/ro/default.json b/public/translations/ro/default.json
index aa5f467e..96db0166 100644
--- a/public/translations/ro/default.json
+++ b/public/translations/ro/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "Acum 1 an",
   "time_x_years_ago": "Acum {{count}} ani",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Fără spoiler"
+  "post_label_unspoiler": "Fără spoiler",
+  "reply_permalink": "Permalink",
+  "reply_embed": "Embed",
+  "reply_reply": "Răspuns"
 }
\ No newline at end of file
diff --git a/public/translations/ru/default.json b/public/translations/ru/default.json
index 88a49702..ec27e234 100644
--- a/public/translations/ru/default.json
+++ b/public/translations/ru/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 год назад",
   "time_x_years_ago": "{{count}} лет назад",
   "post_label_spoiler": "Спойлер",
-  "post_label_unspoiler": "Убрать спойлер"
+  "post_label_unspoiler": "Убрать спойлер",
+  "reply_permalink": "Постоянная ссылка",
+  "reply_embed": "Встроить",
+  "reply_reply": "Ответ"
 }
\ No newline at end of file
diff --git a/public/translations/sq/default.json b/public/translations/sq/default.json
index 2eb58625..97dce78c 100644
--- a/public/translations/sq/default.json
+++ b/public/translations/sq/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 vit më parë",
   "time_x_years_ago": "{{count}} vite më parë",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Hiq spoiler"
+  "post_label_unspoiler": "Hiq spoiler",
+  "reply_permalink": "Lidhje e përhershme",
+  "reply_embed": "Embed",
+  "reply_reply": "Përgjigje"
 }
\ No newline at end of file
diff --git a/public/translations/sv/default.json b/public/translations/sv/default.json
index 30df116a..e4425c14 100644
--- a/public/translations/sv/default.json
+++ b/public/translations/sv/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "För 1 år sedan",
   "time_x_years_ago": "För {{count}} år sedan",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Ingen spoiler"
+  "post_label_unspoiler": "Ingen spoiler",
+  "reply_permalink": "Permalänk",
+  "reply_embed": "Embed",
+  "reply_reply": "Svar"
 }
\ No newline at end of file
diff --git a/public/translations/te/default.json b/public/translations/te/default.json
index b1f5442e..86ca9352 100644
--- a/public/translations/te/default.json
+++ b/public/translations/te/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 సంవత్సరం క్రితం",
   "time_x_years_ago": "{{count}} సంవత్సరాల క్రితం",
   "post_label_spoiler": "స్పోయిలర్",
-  "post_label_unspoiler": "ఉన్‌స్పోయిలర్"
+  "post_label_unspoiler": "ఉన్‌స్పోయిలర్",
+  "reply_permalink": "శాశ్వత లింకు",
+  "reply_embed": "అంతర్గతం చేయు",
+  "reply_reply": "స్పందన"
 }
\ No newline at end of file
diff --git a/public/translations/th/default.json b/public/translations/th/default.json
index 5768c657..b5898027 100644
--- a/public/translations/th/default.json
+++ b/public/translations/th/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 ปีที่ผ่านมา",
   "time_x_years_ago": "{{count}} ปีที่ผ่านมา",
   "post_label_spoiler": "สปอยล์",
-  "post_label_unspoiler": "ไม่สปอยล์"
+  "post_label_unspoiler": "ไม่สปอยล์",
+  "reply_permalink": "ลิงก์ถาวร",
+  "reply_embed": "embed",
+  "reply_reply": "ตอบ"
 }
\ No newline at end of file
diff --git a/public/translations/tr/default.json b/public/translations/tr/default.json
index a2fd0910..8fd25b8b 100644
--- a/public/translations/tr/default.json
+++ b/public/translations/tr/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 yıl önce",
   "time_x_years_ago": "{{count}} yıl önce",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Spoiler Olmayan"
+  "post_label_unspoiler": "Spoiler Olmayan",
+  "reply_permalink": "Kalıcı bağlantı",
+  "reply_embed": "Embed",
+  "reply_reply": "Cevap"
 }
\ No newline at end of file
diff --git a/public/translations/uk/default.json b/public/translations/uk/default.json
index 3d3775f8..f0461b7b 100644
--- a/public/translations/uk/default.json
+++ b/public/translations/uk/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 рік тому",
   "time_x_years_ago": "{{count}} років тому",
   "post_label_spoiler": "Спойлер",
-  "post_label_unspoiler": "Зняти спойлер"
+  "post_label_unspoiler": "Зняти спойлер",
+  "reply_permalink": "Постійне посилання",
+  "reply_embed": "Embed",
+  "reply_reply": "Відповідь"
 }
\ No newline at end of file
diff --git a/public/translations/ur/default.json b/public/translations/ur/default.json
index 0f802a61..a8f3f464 100644
--- a/public/translations/ur/default.json
+++ b/public/translations/ur/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 سال پہلے",
   "time_x_years_ago": "{{count}} سال پہلے",
   "post_label_spoiler": "اسپوائلر",
-  "post_label_unspoiler": "اناسپوائلر"
+  "post_label_unspoiler": "اناسپوائلر",
+  "reply_permalink": "مستقل ربط",
+  "reply_embed": "embed",
+  "reply_reply": "جواب"
 }
\ No newline at end of file
diff --git a/public/translations/vi/default.json b/public/translations/vi/default.json
index 295aa12b..e89449c1 100644
--- a/public/translations/vi/default.json
+++ b/public/translations/vi/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1 năm trước",
   "time_x_years_ago": "{{count}} năm trước",
   "post_label_spoiler": "Spoiler",
-  "post_label_unspoiler": "Bỏ Spoiler"
+  "post_label_unspoiler": "Bỏ Spoiler",
+  "reply_permalink": "Liên kết cố định",
+  "reply_embed": "Embed",
+  "reply_reply": "Trả lời"
 }
\ No newline at end of file
diff --git a/public/translations/zh/default.json b/public/translations/zh/default.json
index 31ccb4ff..5b89f1fc 100644
--- a/public/translations/zh/default.json
+++ b/public/translations/zh/default.json
@@ -38,5 +38,8 @@
   "time_1_year_ago": "1年前",
   "time_x_years_ago": "{{count}}年前",
   "post_label_spoiler": "剧透",
-  "post_label_unspoiler": "取消剧透"
+  "post_label_unspoiler": "取消剧透",
+  "reply_permalink": "永久链接",
+  "reply_embed": "嵌入",
+  "reply_reply": "回复"
 }
\ No newline at end of file
diff --git a/src/components/reply/reply.tsx b/src/components/reply/reply.tsx
index 1eaf2493..d731d344 100644
--- a/src/components/reply/reply.tsx
+++ b/src/components/reply/reply.tsx
@@ -1,6 +1,7 @@
 import { FC, useState } from 'react';
 import { Comment } from '@plebbit/plebbit-react-hooks';
 import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import styles from './reply.module.css';
 import useReplies from '../../hooks/use-replies';
 import utils from '../../lib/utils';
@@ -25,6 +26,7 @@ const Reply: FC<ReplyProps> = ({ reply }) => {
   const toggleExpanded = () => setExpanded(!expanded);
   const commentMediaInfo = utils.getCommentMediaInfoMemoized(reply);
   const hasThumbnail = utils.hasThumbnail(commentMediaInfo, link);
+  const { t } = useTranslation();
 
   return (
     <div className={styles.reply}>
@@ -58,19 +60,19 @@ const Reply: FC<ReplyProps> = ({ reply }) => {
         </div>
         <ul className={styles.buttons}>
           <li className={styles.button}>
-            <span>permalink</span>
+            <span>{t('reply_permalink')}</span>
           </li>
           <li className={styles.button}>
-            <span>embed</span>
+            <span>{t('reply_embed')}</span>
           </li>
           <li className={styles.button}>
-            <span>save</span>
+            <span>{t('post_save')}</span>
           </li>
           <li className={styles.button}>
-            <span>report</span>
+            <span>{t('post_report')}</span>
           </li>
           <li className={styles.button}>
-            <span>reply</span>
+            <span>{t('reply_reply')}</span>
           </li>
         </ul>
         {replies.map((reply, index) => (

From e4a08ed2c156f3ad241c047f0145d45abea11f0d Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 26 Oct 2023 17:13:18 +0200
Subject: [PATCH 8/8] chore(translations): translate comments view

---
 public/translations/ar/default.json        |  6 +++++-
 public/translations/bn/default.json        |  6 +++++-
 public/translations/cs/default.json        |  6 +++++-
 public/translations/da/default.json        |  6 +++++-
 public/translations/de/default.json        |  6 +++++-
 public/translations/el/default.json        |  6 +++++-
 public/translations/en/default.json        |  6 +++++-
 public/translations/es/default.json        |  6 +++++-
 public/translations/fa/default.json        |  6 +++++-
 public/translations/fi/default.json        |  6 +++++-
 public/translations/fil/default.json       |  6 +++++-
 public/translations/fr/default.json        |  6 +++++-
 public/translations/he/default.json        |  6 +++++-
 public/translations/hi/default.json        |  6 +++++-
 public/translations/hu/default.json        |  6 +++++-
 public/translations/id/default.json        |  6 +++++-
 public/translations/it/default.json        |  6 +++++-
 public/translations/ja/default.json        |  6 +++++-
 public/translations/ko/default.json        |  6 +++++-
 public/translations/mr/default.json        |  6 +++++-
 public/translations/nl/default.json        |  6 +++++-
 public/translations/no/default.json        |  6 +++++-
 public/translations/pl/default.json        |  6 +++++-
 public/translations/pt/default.json        |  6 +++++-
 public/translations/ro/default.json        |  6 +++++-
 public/translations/ru/default.json        |  6 +++++-
 public/translations/sq/default.json        |  6 +++++-
 public/translations/sv/default.json        |  6 +++++-
 public/translations/te/default.json        |  6 +++++-
 public/translations/th/default.json        |  6 +++++-
 public/translations/tr/default.json        |  6 +++++-
 public/translations/uk/default.json        |  6 +++++-
 public/translations/ur/default.json        |  6 +++++-
 public/translations/vi/default.json        |  6 +++++-
 public/translations/zh/default.json        |  6 +++++-
 src/components/views/comments/comments.tsx | 12 ++++++++----
 36 files changed, 183 insertions(+), 39 deletions(-)

diff --git a/public/translations/ar/default.json b/public/translations/ar/default.json
index 4485f40b..8ce5b106 100644
--- a/public/translations/ar/default.json
+++ b/public/translations/ar/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "إلغاء حرق",
   "reply_permalink": "رابط ثابت",
   "reply_embed": "تضمين",
-  "reply_reply": "الرد"
+  "reply_reply": "الرد",
+  "reply_best": "أفضل",
+  "reply_sorted_by": "مرتبة حسب",
+  "all_comments": "جميع {{count}} التعليقات",
+  "no_comments": "لا تعليقات (بعد)"
 }
\ No newline at end of file
diff --git a/public/translations/bn/default.json b/public/translations/bn/default.json
index f3b02442..b0a53f4a 100644
--- a/public/translations/bn/default.json
+++ b/public/translations/bn/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "আনস্পয়লার",
   "reply_permalink": "স্থায়ী লিঙ্ক",
   "reply_embed": "embed",
-  "reply_reply": "উত্তর"
+  "reply_reply": "উত্তর",
+  "reply_best": "সেরা",
+  "reply_sorted_by": "অনুসারে বাছাই",
+  "all_comments": "সব {{count}} মন্তব্য",
+  "no_comments": "কোনো মন্তব্য নেই (এখনো)"
 }
\ No newline at end of file
diff --git a/public/translations/cs/default.json b/public/translations/cs/default.json
index 3781bad7..7aab6529 100644
--- a/public/translations/cs/default.json
+++ b/public/translations/cs/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Odstranit spoiler",
   "reply_permalink": "Trvalý odkaz",
   "reply_embed": "Embed",
-  "reply_reply": "Odpověď"
+  "reply_reply": "Odpověď",
+  "reply_best": "Nejlepší",
+  "reply_sorted_by": "Řazeno podle",
+  "all_comments": "Všechny {{count}} komentáře",
+  "no_comments": "Žádné komentáře (zatím)"
 }
\ No newline at end of file
diff --git a/public/translations/da/default.json b/public/translations/da/default.json
index 18225798..ebffb534 100644
--- a/public/translations/da/default.json
+++ b/public/translations/da/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Fjern spoiler",
   "reply_permalink": "Permalink",
   "reply_embed": "Embed",
-  "reply_reply": "Svar"
+  "reply_reply": "Svar",
+  "reply_best": "Bedste",
+  "reply_sorted_by": "Sorteret efter",
+  "all_comments": "Alle {{count}} kommentarer",
+  "no_comments": "Ingen kommentarer (endnu)"
 }
\ No newline at end of file
diff --git a/public/translations/de/default.json b/public/translations/de/default.json
index dd21f416..3ae3b292 100644
--- a/public/translations/de/default.json
+++ b/public/translations/de/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "einklappen",
   "reply_permalink": "Dauerlink",
   "reply_embed": "Embed",
-  "reply_reply": "Antwort"
+  "reply_reply": "Antwort",
+  "reply_best": "Besten",
+  "reply_sorted_by": "Sortiert nach",
+  "all_comments": "Alle {{count}} kommentare",
+  "no_comments": "Keine kommentare (noch)"
 }
\ No newline at end of file
diff --git a/public/translations/el/default.json b/public/translations/el/default.json
index 3553a082..6a351b84 100644
--- a/public/translations/el/default.json
+++ b/public/translations/el/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Χωρίς Διαρροή",
   "reply_permalink": "Μόνιμος σύνδεσμος",
   "reply_embed": "Embed",
-  "reply_reply": "Απάντηση"
+  "reply_reply": "Απάντηση",
+  "reply_best": "Καλύτερα",
+  "reply_sorted_by": "Ταξινομημένα κατά",
+  "all_comments": "Όλα τα {{count}} σχόλια",
+  "no_comments": "Κανένα σχόλιο (ακόμη)"
 }
\ No newline at end of file
diff --git a/public/translations/en/default.json b/public/translations/en/default.json
index 7a5406bc..27fe14e3 100644
--- a/public/translations/en/default.json
+++ b/public/translations/en/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "unspoiler",
   "reply_permalink": "permalink",
   "reply_embed": "embed",
-  "reply_reply": "reply"
+  "reply_reply": "reply",
+  "reply_best": "best",
+  "reply_sorted_by": "sorted by",
+  "all_comments": "all {{count}} comments",
+  "no_comments": "no comments (yet)"
 }
\ No newline at end of file
diff --git a/public/translations/es/default.json b/public/translations/es/default.json
index 21ce4e20..0d902ecc 100644
--- a/public/translations/es/default.json
+++ b/public/translations/es/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "despoiler",
   "reply_permalink": "enlace permanente",
   "reply_embed": "embed",
-  "reply_reply": "responder"
+  "reply_reply": "responder",
+  "reply_best": "mejores",
+  "reply_sorted_by": "ordenado por",
+  "all_comments": "todos los {{count}} comentarios",
+  "no_comments": "sin comentarios (aún)"
 }
\ No newline at end of file
diff --git a/public/translations/fa/default.json b/public/translations/fa/default.json
index 948dbe2f..dd3cb472 100644
--- a/public/translations/fa/default.json
+++ b/public/translations/fa/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "حذف اسپویلر",
   "reply_permalink": "پیوند ثابت",
   "reply_embed": "توکار",
-  "reply_reply": "پاسخ"
+  "reply_reply": "پاسخ",
+  "reply_best": "بهترین",
+  "reply_sorted_by": "مرتب‌شده بر اساس",
+  "all_comments": "همه {{count}} نظرات",
+  "no_comments": "بدون نظر (هنوز)"
 }
\ No newline at end of file
diff --git a/public/translations/fi/default.json b/public/translations/fi/default.json
index 5113890c..da1ac2b9 100644
--- a/public/translations/fi/default.json
+++ b/public/translations/fi/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Poista juonipaljastus",
   "reply_permalink": "Pysyvä linkki",
   "reply_embed": "Upottaa",
-  "reply_reply": "Vastaus"
+  "reply_reply": "Vastaus",
+  "reply_best": "Parhaat",
+  "reply_sorted_by": "Lajiteltu",
+  "all_comments": "Kaikki {{count}} kommentit",
+  "no_comments": "Ei kommentteja (vielä)"
 }
\ No newline at end of file
diff --git a/public/translations/fil/default.json b/public/translations/fil/default.json
index 81a7b02e..c699aa60 100644
--- a/public/translations/fil/default.json
+++ b/public/translations/fil/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Walang Spoiler",
   "reply_permalink": "Permalink",
   "reply_embed": "Embed",
-  "reply_reply": "Tumugon"
+  "reply_reply": "Tumugon",
+  "reply_best": "Pinakamahusay",
+  "reply_sorted_by": "Naayos ayon sa",
+  "all_comments": "Lahat ng {{count}} mga komento",
+  "no_comments": "Walang komento (pa)"
 }
\ No newline at end of file
diff --git a/public/translations/fr/default.json b/public/translations/fr/default.json
index f608168e..34a592cd 100644
--- a/public/translations/fr/default.json
+++ b/public/translations/fr/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "unspoiler",
   "reply_permalink": "lien permanent",
   "reply_embed": "embed",
-  "reply_reply": "répondre"
+  "reply_reply": "répondre",
+  "reply_best": "meilleurs",
+  "reply_sorted_by": "trié par",
+  "all_comments": "tous les {{count}} commentaires",
+  "no_comments": "aucun commentaire (encore)"
 }
\ No newline at end of file
diff --git a/public/translations/he/default.json b/public/translations/he/default.json
index 19b2b90e..6f3408d9 100644
--- a/public/translations/he/default.json
+++ b/public/translations/he/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "הסר ספוילר",
   "reply_permalink": "קישור קבוע",
   "reply_embed": "הטמע",
-  "reply_reply": "תגובה"
+  "reply_reply": "תגובה",
+  "reply_best": "הכי טובים",
+  "reply_sorted_by": "ממוין לפי",
+  "all_comments": "כל {{count}} התגובות",
+  "no_comments": "אין תגובות (עדיין)"
 }
\ No newline at end of file
diff --git a/public/translations/hi/default.json b/public/translations/hi/default.json
index 92a55ae6..b94273a5 100644
--- a/public/translations/hi/default.json
+++ b/public/translations/hi/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "अनस्पॉयलर",
   "reply_permalink": "स्थायी लिंक",
   "reply_embed": "एम्बेड",
-  "reply_reply": "उत्तर"
+  "reply_reply": "उत्तर",
+  "reply_best": "सर्वश्रेष्ठ",
+  "reply_sorted_by": "इसके अनुसार क्रमबद्ध",
+  "all_comments": "सभी {{count}} टिप्पणियां",
+  "no_comments": "कोई टिप्पणी नहीं (अब तक)"
 }
\ No newline at end of file
diff --git a/public/translations/hu/default.json b/public/translations/hu/default.json
index c2240a5c..3bb46686 100644
--- a/public/translations/hu/default.json
+++ b/public/translations/hu/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Spoiler eltávolítása",
   "reply_permalink": "Állandó hivatkozás",
   "reply_embed": "Embed",
-  "reply_reply": "Válasz"
+  "reply_reply": "Válasz",
+  "reply_best": "Legjobb",
+  "reply_sorted_by": "Sorrend",
+  "all_comments": "Mind a {{count}} hozzászólások",
+  "no_comments": "Nincsenek hozzászólások (még)"
 }
\ No newline at end of file
diff --git a/public/translations/id/default.json b/public/translations/id/default.json
index c9427be2..546838e9 100644
--- a/public/translations/id/default.json
+++ b/public/translations/id/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Tanpa Spoiler",
   "reply_permalink": "Tautan tetap",
   "reply_embed": "Embed",
-  "reply_reply": "Balasan"
+  "reply_reply": "Balasan",
+  "reply_best": "Terbaik",
+  "reply_sorted_by": "Diurutkan berdasarkan",
+  "all_comments": "Semua {{count}} komentar",
+  "no_comments": "Tidak ada komentar (belum)"
 }
\ No newline at end of file
diff --git a/public/translations/it/default.json b/public/translations/it/default.json
index 3fb678dd..c051530f 100644
--- a/public/translations/it/default.json
+++ b/public/translations/it/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "rimuovi spoiler",
   "reply_permalink": "permalink",
   "reply_embed": "embed",
-  "reply_reply": "rispondi"
+  "reply_reply": "rispondi",
+  "reply_best": "migliori",
+  "reply_sorted_by": "ordinato per",
+  "all_comments": "tutti i {{count}} commenti",
+  "no_comments": "nessun commento (ancora)"
 }
\ No newline at end of file
diff --git a/public/translations/ja/default.json b/public/translations/ja/default.json
index dee99974..1301568b 100644
--- a/public/translations/ja/default.json
+++ b/public/translations/ja/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "ネタバレ解除",
   "reply_permalink": "パーマリンク",
   "reply_embed": "埋め込む",
-  "reply_reply": "返信"
+  "reply_reply": "返信",
+  "reply_best": "最良",
+  "reply_sorted_by": "ソート条件",
+  "all_comments": "すべての{{count}}コメント",
+  "no_comments": "コメントはありません（まだ）"
 }
\ No newline at end of file
diff --git a/public/translations/ko/default.json b/public/translations/ko/default.json
index 06d2c6a2..1c8787ff 100644
--- a/public/translations/ko/default.json
+++ b/public/translations/ko/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "스포일러 해제",
   "reply_permalink": "고정 링크",
   "reply_embed": "임베드",
-  "reply_reply": "답장"
+  "reply_reply": "답장",
+  "reply_best": "최고의",
+  "reply_sorted_by": "정렬 기준",
+  "all_comments": "모든 {{count}} 댓글",
+  "no_comments": "댓글 없음 (아직)"
 }
\ No newline at end of file
diff --git a/public/translations/mr/default.json b/public/translations/mr/default.json
index c2563010..cd2d95ed 100644
--- a/public/translations/mr/default.json
+++ b/public/translations/mr/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "अनस्पॉयलर",
   "reply_permalink": "कायम संकेतस्थळ",
   "reply_embed": "embed",
-  "reply_reply": "उत्तर"
+  "reply_reply": "उत्तर",
+  "reply_best": "सर्वोत्कृष्ट",
+  "reply_sorted_by": "याप्रमाणे क्रमवारीत",
+  "all_comments": "सर्व {{count}} टिप्पण्या",
+  "no_comments": "कोणत्याही टिप्पण्या नाहीत (अजून)"
 }
\ No newline at end of file
diff --git a/public/translations/nl/default.json b/public/translations/nl/default.json
index 2dc34324..b612c7b2 100644
--- a/public/translations/nl/default.json
+++ b/public/translations/nl/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Geen spoiler",
   "reply_permalink": "Permalink",
   "reply_embed": "Embed",
-  "reply_reply": "Antwoord"
+  "reply_reply": "Antwoord",
+  "reply_best": "Beste",
+  "reply_sorted_by": "Gesorteerd op",
+  "all_comments": "Alle {{count}} reacties",
+  "no_comments": "Geen reacties (nog)"
 }
\ No newline at end of file
diff --git a/public/translations/no/default.json b/public/translations/no/default.json
index 1154524f..e14304e6 100644
--- a/public/translations/no/default.json
+++ b/public/translations/no/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Fjern spoiler",
   "reply_permalink": "Permanent lenke",
   "reply_embed": "Embed",
-  "reply_reply": "Svar"
+  "reply_reply": "Svar",
+  "reply_best": "Beste",
+  "reply_sorted_by": "Sortert etter",
+  "all_comments": "Alle {{count}} kommentarer",
+  "no_comments": "Ingen kommentarer (ennå)"
 }
\ No newline at end of file
diff --git a/public/translations/pl/default.json b/public/translations/pl/default.json
index 4aae4b0d..0f85641f 100644
--- a/public/translations/pl/default.json
+++ b/public/translations/pl/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Usuń spoiler",
   "reply_permalink": "Stały link",
   "reply_embed": "Embed",
-  "reply_reply": "Odpowiedź"
+  "reply_reply": "Odpowiedź",
+  "reply_best": "Najlepsze",
+  "reply_sorted_by": "Sortowane według",
+  "all_comments": "Wszystkie {{count}} komentarze",
+  "no_comments": "Brak komentarzy (jeszcze)"
 }
\ No newline at end of file
diff --git a/public/translations/pt/default.json b/public/translations/pt/default.json
index bce070e1..6524f1d4 100644
--- a/public/translations/pt/default.json
+++ b/public/translations/pt/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "desfazer spoiler",
   "reply_permalink": "permalink",
   "reply_embed": "embed",
-  "reply_reply": "responder"
+  "reply_reply": "responder",
+  "reply_best": "melhores",
+  "reply_sorted_by": "ordenado por",
+  "all_comments": "todos os {{count}} comentários",
+  "no_comments": "sem comentários (ainda)"
 }
\ No newline at end of file
diff --git a/public/translations/ro/default.json b/public/translations/ro/default.json
index 96db0166..fff81c08 100644
--- a/public/translations/ro/default.json
+++ b/public/translations/ro/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Fără spoiler",
   "reply_permalink": "Permalink",
   "reply_embed": "Embed",
-  "reply_reply": "Răspuns"
+  "reply_reply": "Răspuns",
+  "reply_best": "Cele mai bune",
+  "reply_sorted_by": "Sortat după",
+  "all_comments": "Toate {{count}} comentariile",
+  "no_comments": "Fără comentarii (încă)"
 }
\ No newline at end of file
diff --git a/public/translations/ru/default.json b/public/translations/ru/default.json
index ec27e234..153748d3 100644
--- a/public/translations/ru/default.json
+++ b/public/translations/ru/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Убрать спойлер",
   "reply_permalink": "Постоянная ссылка",
   "reply_embed": "Встроить",
-  "reply_reply": "Ответ"
+  "reply_reply": "Ответ",
+  "reply_best": "Лучшие",
+  "reply_sorted_by": "Сортировать по",
+  "all_comments": "Все {{count}} комментарии",
+  "no_comments": "Нет комментариев (пока)"
 }
\ No newline at end of file
diff --git a/public/translations/sq/default.json b/public/translations/sq/default.json
index 97dce78c..145ad6f3 100644
--- a/public/translations/sq/default.json
+++ b/public/translations/sq/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Hiq spoiler",
   "reply_permalink": "Lidhje e përhershme",
   "reply_embed": "Embed",
-  "reply_reply": "Përgjigje"
+  "reply_reply": "Përgjigje",
+  "reply_best": "Më të mirët",
+  "reply_sorted_by": "Renditur sipas",
+  "all_comments": "Të gjitha {{count}} komentet",
+  "no_comments": "Asnjë koment (ende)"
 }
\ No newline at end of file
diff --git a/public/translations/sv/default.json b/public/translations/sv/default.json
index e4425c14..3fa24f4d 100644
--- a/public/translations/sv/default.json
+++ b/public/translations/sv/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Ingen spoiler",
   "reply_permalink": "Permalänk",
   "reply_embed": "Embed",
-  "reply_reply": "Svar"
+  "reply_reply": "Svar",
+  "reply_best": "Bästa",
+  "reply_sorted_by": "Sorterat efter",
+  "all_comments": "Alla {{count}} kommentarer",
+  "no_comments": "Inga kommentarer (ännu)"
 }
\ No newline at end of file
diff --git a/public/translations/te/default.json b/public/translations/te/default.json
index 86ca9352..4ea5d1af 100644
--- a/public/translations/te/default.json
+++ b/public/translations/te/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "ఉన్‌స్పోయిలర్",
   "reply_permalink": "శాశ్వత లింకు",
   "reply_embed": "అంతర్గతం చేయు",
-  "reply_reply": "స్పందన"
+  "reply_reply": "స్పందన",
+  "reply_best": "ఉత్తమ",
+  "reply_sorted_by": "దీని ప్రకారం క్రమపడబడింది",
+  "all_comments": "అన్ని {{count}} వ్యాఖ్యలు",
+  "no_comments": "వ్యాఖ్యలు లేవు (ఇంకా)"
 }
\ No newline at end of file
diff --git a/public/translations/th/default.json b/public/translations/th/default.json
index b5898027..043ef13f 100644
--- a/public/translations/th/default.json
+++ b/public/translations/th/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "ไม่สปอยล์",
   "reply_permalink": "ลิงก์ถาวร",
   "reply_embed": "embed",
-  "reply_reply": "ตอบ"
+  "reply_reply": "ตอบ",
+  "reply_best": "ที่สุด",
+  "reply_sorted_by": "เรียงลำดับตาม",
+  "all_comments": "ความคิดเห็น {{count}} รายการทั้งหมด",
+  "no_comments": "ไม่มีความคิดเห็น (ยัง)"
 }
\ No newline at end of file
diff --git a/public/translations/tr/default.json b/public/translations/tr/default.json
index 8fd25b8b..f98444ae 100644
--- a/public/translations/tr/default.json
+++ b/public/translations/tr/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Spoiler Olmayan",
   "reply_permalink": "Kalıcı bağlantı",
   "reply_embed": "Embed",
-  "reply_reply": "Cevap"
+  "reply_reply": "Cevap",
+  "reply_best": "En iyiler",
+  "reply_sorted_by": "Şuna göre sırala",
+  "all_comments": "Tüm {{count}} yorumlar",
+  "no_comments": "Yorum yok (henüz)"
 }
\ No newline at end of file
diff --git a/public/translations/uk/default.json b/public/translations/uk/default.json
index f0461b7b..c8cd07ef 100644
--- a/public/translations/uk/default.json
+++ b/public/translations/uk/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Зняти спойлер",
   "reply_permalink": "Постійне посилання",
   "reply_embed": "Embed",
-  "reply_reply": "Відповідь"
+  "reply_reply": "Відповідь",
+  "reply_best": "Найкращі",
+  "reply_sorted_by": "Сортувати за",
+  "all_comments": "Всі {{count}} коментарі",
+  "no_comments": "Немає коментарів (ще)"
 }
\ No newline at end of file
diff --git a/public/translations/ur/default.json b/public/translations/ur/default.json
index a8f3f464..c0c70ae9 100644
--- a/public/translations/ur/default.json
+++ b/public/translations/ur/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "اناسپوائلر",
   "reply_permalink": "مستقل ربط",
   "reply_embed": "embed",
-  "reply_reply": "جواب"
+  "reply_reply": "جواب",
+  "reply_best": "بہترین",
+  "reply_sorted_by": "کے مطابق ترتیب",
+  "all_comments": "تمام {{count}} تبصرے",
+  "no_comments": "کوئی تبصرہ نہیں (ابھی)"
 }
\ No newline at end of file
diff --git a/public/translations/vi/default.json b/public/translations/vi/default.json
index e89449c1..d4b7f9ff 100644
--- a/public/translations/vi/default.json
+++ b/public/translations/vi/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "Bỏ Spoiler",
   "reply_permalink": "Liên kết cố định",
   "reply_embed": "Embed",
-  "reply_reply": "Trả lời"
+  "reply_reply": "Trả lời",
+  "reply_best": "Tốt nhất",
+  "reply_sorted_by": "Sắp xếp theo",
+  "all_comments": "Tất cả {{count}} bình luận",
+  "no_comments": "Không có bình luận (chưa)"
 }
\ No newline at end of file
diff --git a/public/translations/zh/default.json b/public/translations/zh/default.json
index 5b89f1fc..bf8d27fe 100644
--- a/public/translations/zh/default.json
+++ b/public/translations/zh/default.json
@@ -41,5 +41,9 @@
   "post_label_unspoiler": "取消剧透",
   "reply_permalink": "永久链接",
   "reply_embed": "嵌入",
-  "reply_reply": "回复"
+  "reply_reply": "回复",
+  "reply_best": "最好的",
+  "reply_sorted_by": "排序方式",
+  "all_comments": "全部 {{count}} 个评论",
+  "no_comments": "暂无评论（还）"
 }
\ No newline at end of file
diff --git a/src/components/views/comments/comments.tsx b/src/components/views/comments/comments.tsx
index 5236bcca..c73cf342 100644
--- a/src/components/views/comments/comments.tsx
+++ b/src/components/views/comments/comments.tsx
@@ -1,6 +1,7 @@
 import { FC, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { useComment, useSubplebbit } from '@plebbit/plebbit-react-hooks';
+import { useTranslation } from 'react-i18next';
 import styles from './comments.module.css';
 import TopBar from '../../topbar';
 import Header from '../../header';
@@ -16,6 +17,7 @@ const Comments: FC = () => {
   const replies = useReplies(comment).map((reply, index) => <Reply key={index} reply={reply} />) || '';
   const threadTitle = title?.slice(0, 40) || content?.slice(0, 40);
   const subplebbitTitle = subplebbit?.title || subplebbit?.shortAddress;
+  const { t } = useTranslation();
 
   useEffect(() => {
     if (threadTitle || subplebbitTitle) {
@@ -35,13 +37,15 @@ const Comments: FC = () => {
           <Post post={comment} shouldExpand={false} />
           <div className={styles.commentArea}>
             <div className={styles.commentsTitle}>
-              <span className={styles.title}>all {replyCount} comments</span>
+            <span className={styles.title}>
+              {replyCount === 0 ? t('no_comments') : t('all_comments', { count: replyCount })}
+            </span>
             </div>
             <div className={styles.menuArea}>
               <div className={styles.spacer}>
-                <span className={styles.dropdownTitle}>sorted by: </span>
+                <span className={styles.dropdownTitle}>{t('reply_sorted_by')}: </span>
                 <div className={styles.dropdown}>
-                  <span className={styles.selected}>best</span>
+                  <span className={styles.selected}>{t('reply_best')}</span>
                 </div>
               </div>
               <div className={styles.mdContainer}>
@@ -49,7 +53,7 @@ const Comments: FC = () => {
                   <textarea className={styles.textarea} />
                 </div>
                 <div className={styles.bottomArea}>
-                  <button className={styles.save}>save</button>
+                  <button className={styles.save}>{t('post_save')}</button>
                 </div>
               </div>
             </div>