From 26d445af7d8719c32cafd0fd49380d26c2a5ba20 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 30 Jan 2024 17:43:02 +0800
Subject: [PATCH] Fix reply parent hint not appearing

Also respect language
---
 src/components/status.jsx   | 10 ++++++++--
 src/components/timeline.jsx | 10 ++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/status.jsx b/src/components/status.jsx
index 47ba1b78..6e6caea3 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -1273,7 +1273,7 @@ function Status({
 
   return (
     <>
-      {showReplyParent && !!(inReplyToId && inReplyToAccount) && (
+      {showReplyParent && !!(inReplyToId && inReplyToAccountId) && (
         <StatusCompact sKey={sKey} />
       )}
       <article
@@ -2441,6 +2441,7 @@ function StatusCompact({ sKey }) {
     account: { avatar, avatarStatic, bot },
     visibility,
     content,
+    language,
   } = status;
   if (sensitive || spoilerText) return null;
   if (!content) return null;
@@ -2454,7 +2455,12 @@ function StatusCompact({ sKey }) {
       tabindex="-1"
     >
       <Avatar url={avatarStatic || avatar} squircle={bot} />
-      <div class="content-compact" title={statusPeekText}>
+      <div
+        class="content-compact"
+        title={statusPeekText}
+        lang={language}
+        dir="auto"
+      >
         {statusPeekText}
       </div>
     </article>
diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index cd142e5c..962253c2 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -433,6 +433,7 @@ function Timeline({
                     key={status.id + status?._pinned + view}
                     view={view}
                     showFollowedTags={showFollowedTags}
+                    showReplyParent={showReplyParent}
                   />
                 ))}
                 {showMore &&
@@ -789,7 +790,7 @@ function StatusCarousel({ title, class: className, children }) {
 
 function TimelineStatusCompact({ status, instance }) {
   const snapStates = useSnapshot(states);
-  const { id, visibility } = status;
+  const { id, visibility, language } = status;
   const statusPeekText = statusPeek(status);
   const sKey = statusKey(id, instance);
   return (
@@ -811,7 +812,12 @@ function TimelineStatusCompact({ status, instance }) {
           <Icon icon="thread" size="s" />
         </div>
       )}
-      <div class="content-compact" title={statusPeekText}>
+      <div
+        class="content-compact"
+        title={statusPeekText}
+        lang={language}
+        dir="auto"
+      >
         {statusPeekText}
         {status.sensitive && status.spoilerText && (
           <>