From 51ed3d7bbdcd53caab8413682164c32be42d8ee9 Mon Sep 17 00:00:00 2001
From: mkljczk <git@mkljczk.pl>
Date: Tue, 4 Feb 2025 17:38:20 +0100
Subject: [PATCH] pl-fe: fix read more + spoiler

Signed-off-by: mkljczk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/status-content.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 2024eaf2f..3a3217003 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -94,6 +94,9 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
   const statusMeta = statusesMeta[status.id] || {};
   const { data: translation } = useStatusTranslation(status.id, statusMeta.targetLanguage);
 
+  const withSpoiler = status.spoiler_text.length > 0;
+  const expanded = !withSpoiler || statusMeta.expanded || false;
+
   const maybeSetCollapsed = (): void => {
     if (!node.current) return;
 
@@ -123,7 +126,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
   useLayoutEffect(() => {
     maybeSetCollapsed();
     maybeSetOnlyEmoji();
-  }, []);
+  }, [expanded]);
 
   const content = useMemo(
     (): string => translation
@@ -145,8 +148,6 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
     setLineClamp(!spoilerNode.current || spoilerNode.current.clientHeight >= 96);
   }, [spoilerNode.current]);
 
-  const withSpoiler = status.spoiler_text.length > 0;
-
   const spoilerText = status.spoiler_text_map && statusMeta.currentLanguage
     ? status.spoiler_text_map[statusMeta.currentLanguage] || status.spoiler_text
     : status.spoiler_text;
@@ -165,7 +166,6 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
   }), [collapsed, onlyEmoji]);
 
   const expandable = !displaySpoilers;
-  const expanded = !withSpoiler || statusMeta.expanded || false;
 
   const output = [];