From 75fdfffe359828a8c5586a6ab10b5c6bec33f633 Mon Sep 17 00:00:00 2001
From: unknown <clovis@bdx.town>
Date: Thu, 27 Jul 2023 17:05:58 +0200
Subject: [PATCH] WIP filters

---
 app/soapbox/components/status.tsx         | 17 +----------------
 app/soapbox/components/status_content.tsx |  2 +-
 2 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/app/soapbox/components/status.tsx b/app/soapbox/components/status.tsx
index 7ec9c65dc..f1369c31e 100644
--- a/app/soapbox/components/status.tsx
+++ b/app/soapbox/components/status.tsx
@@ -204,21 +204,6 @@ const Status: React.FC<IStatus> = (props) => {
     );
   }
 
-  if (status.filtered || actualStatus.filtered) {
-    const minHandlers = muted ? undefined : {
-      moveUp: handleHotkeyMoveUp,
-      moveDown: handleHotkeyMoveDown,
-    };
-
-    return (
-      <HotKeys handlers={minHandlers}>
-        <div className={classNames('status__wrapper', 'status__wrapper--filtered', { focusable })} tabIndex={focusable ? 0 : undefined} ref={node}>
-          <FormattedMessage id='status.filtered' defaultMessage='Filtered' />
-        </div>
-      </HotKeys>
-    );
-  }
-
   let quote;
 
   if (actualStatus.quote) {
@@ -343,7 +328,7 @@ const Status: React.FC<IStatus> = (props) => {
             <StatusContent
               status={actualStatus}
               onClick={handleClick}
-              expanded={!actualStatus.hidden}
+              expanded={!actualStatus.hidden && !actualStatus.filtered}
               onExpandedToggle={handleExpandedToggle}
               collapsable
             />
diff --git a/app/soapbox/components/status_content.tsx b/app/soapbox/components/status_content.tsx
index 3fdfe7ecf..0eb312c78 100644
--- a/app/soapbox/components/status_content.tsx
+++ b/app/soapbox/components/status_content.tsx
@@ -227,7 +227,7 @@ const StatusContent: React.FC<IStatusContent> = ({ status, expanded = false, onE
     directionStyle.direction = 'rtl';
   }
 
-  if (status.spoiler_text.length > 0) {
+  if (status.spoiler_text.length > 0 || status.filtered) {
     return (
       <div className={className} ref={node} tabIndex={0} style={directionStyle} onMouseDown={handleMouseDown} onMouseUp={handleMouseUp}>
         <p style={{ marginBottom: isHidden && status.mentions.isEmpty() ? 0 : undefined }}>