From 1ceb2f808333da7b0ab0a627cee57ae8d2f6ed85 Mon Sep 17 00:00:00 2001
From: Ember <me@ember-is.gay>
Date: Sun, 30 Jun 2024 22:19:38 +1000
Subject: [PATCH] s

---
 .../flavours/blobfox/components/status_content.jsx          | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/blobfox/components/status_content.jsx b/app/javascript/flavours/blobfox/components/status_content.jsx
index a01904b627b4bc..18842d4d97af41 100644
--- a/app/javascript/flavours/blobfox/components/status_content.jsx
+++ b/app/javascript/flavours/blobfox/components/status_content.jsx
@@ -343,6 +343,8 @@ class StatusContent extends PureComponent {
       statusContent,
     } = this.props;
 
+    const { isCollapsed } = this.state.collapsed;
+
     const hidden = this.props.onExpandedToggle ? !this.props.expanded : this.state.hidden;
     const contentLocale = intl.locale.replace(/[_-].*/, '');
     const targetLanguages = this.props.languages?.get(status.get('language') || 'und');
@@ -421,7 +423,7 @@ class StatusContent extends PureComponent {
       }
 
       return (
-        <div className={classNames} tabIndex={0} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp} style={collapsed ? { height: `${collapsedHeight}px` } : null}>
+        <div className={classNames} tabIndex={0} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp} style={isCollapsed ? { height: `${collapsedHeight}px` } : null}>
           <p
             style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}
           >
@@ -459,7 +461,7 @@ class StatusContent extends PureComponent {
           onMouseDown={this.handleMouseDown}
           onMouseUp={this.handleMouseUp}
           tabIndex={0}
-          style={collapsed ? { height: `${collapsedHeight}px` } : null}
+          style={isCollapsed ? { height: `${collapsedHeight}px` } : null}
         >
           <div
             ref={this.setContentsRef}