From: SleeplessOne1917 <abias1122@gmail.com>
Date: Sun, 21 May 2023 18:13:25 +0000 (+0000)
Subject: Show language on posts and comments (#1026)
X-Git-Url: http://these/git/%7B%24%7B%60data:application/%22%7Burl%7D/readmes/static/%7BrepoUrl%7D?a=commitdiff_plain;h=a447e432db8a185f1df998f91d35891eb185af4e;p=lemmy-ui.git

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

diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index d68c5b3..16e0a73 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -282,8 +282,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 1096b73..cfaa81e 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -342,6 +342,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) === getExternalHost()) && (
           <>