From ddc8c1e9d931071827383a9a8026c3abcdeec321 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 21 Oct 2023 23:05:32 +0800
Subject: [PATCH] Compact status need private-mention style if it is

---
 src/components/timeline.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index bce21324..2fe7c0d0 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -606,11 +606,16 @@ function StatusCarousel({ title, class: className, children }) {
 
 function TimelineStatusCompact({ status, instance }) {
   const snapStates = useSnapshot(states);
-  const { id } = status;
+  const { id, visibility } = status;
   const statusPeekText = statusPeek(status);
   const sKey = statusKey(id, instance);
   return (
-    <article class="status compact-thread" tabindex="-1">
+    <article
+      class={`status compact-thread ${
+        visibility === 'direct' ? 'visibility-direct' : ''
+      }`}
+      tabindex="-1"
+    >
       {!!snapStates.statusThreadNumber[sKey] ? (
         <div class="status-thread-badge">
           <Icon icon="thread" size="s" />