From 1717b5c18eea2357e954f5de6068f19c926f4a49 Mon Sep 17 00:00:00 2001
From: SleeplessOne1917 <abias1122@gmail.com>
Date: Sun, 21 May 2023 18:13:25 +0000
Subject: [PATCH] Show language on posts and comments (#1026)

* Show language on posts and comments

* Revert "Show language on posts and comments"

This reverts commit 54267903fc6941762030ec20daa048d47662d50d.

* Change language indicator look
---
 src/shared/components/comment/comment-node.tsx | 9 ++++++++-
 src/shared/components/post/post-listing.tsx    | 7 +++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index 80e12969..78f31884 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -285,8 +285,15 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 )}
               </button>
               {this.linkBtn(true)}
+              <span className="mx-1 badge badge-secondary">
+                {
+                  this.props.allLanguages.find(
+                    lang => lang.id === cv.comment.language_id
+                  )?.name
+                }
+              </span>
               {/* This is an expanding spacer for mobile */}
-              <div className="mr-lg-5 flex-grow-1 flex-lg-grow-0 unselectable pointer mx-2"></div>
+              <div className="mr-lg-5 flex-grow-1 flex-lg-grow-0 unselectable pointer mx-2" />
               {showScores() && (
                 <>
                   <a
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 4b8d072b..d4fa7d85 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -349,6 +349,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             </span>
           )}
         </li>
+        <span className="mx-1 badge badge-secondary">
+          {
+            this.props.allLanguages.find(
+              lang => lang.id === post_view.post.language_id
+            )?.name
+          }
+        </span>
         <li className="list-inline-item">•</li>
         {url && !(hostname(url) == externalHost) && (
           <>