From 0060667639452050210fc811cba336c03b51abea Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 9 Oct 2021 21:39:15 -0500
Subject: [PATCH] Optimistic statuses: add .thread__status className

---
 app/soapbox/features/status/index.js                 | 1 +
 app/soapbox/features/ui/components/pending_status.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/status/index.js b/app/soapbox/features/status/index.js
index abaa687bc..ef0eaede0 100644
--- a/app/soapbox/features/status/index.js
+++ b/app/soapbox/features/status/index.js
@@ -491,6 +491,7 @@ class Status extends ImmutablePureComponent {
 
     return (
       <PendingStatus
+        className='thread__status'
         key={id}
         idempotencyKey={idempotencyKey}
         focusedStatusId={status && status.get('id')}
diff --git a/app/soapbox/features/ui/components/pending_status.js b/app/soapbox/features/ui/components/pending_status.js
index 93707d507..dd9327979 100644
--- a/app/soapbox/features/ui/components/pending_status.js
+++ b/app/soapbox/features/ui/components/pending_status.js
@@ -25,7 +25,7 @@ export default @connect(mapStateToProps)
 class PendingStatus extends ImmutablePureComponent {
 
   render() {
-    const { status, showThread } = this.props;
+    const { status, className, showThread } = this.props;
     if (!status) return null;
     if (!status.get('account')) return null;
 
@@ -33,7 +33,7 @@ class PendingStatus extends ImmutablePureComponent {
     const domain = getDomain(status.get('account'));
 
     return (
-      <div className='pending-status'>
+      <div className={classNames('pending-status', className)}>
         <div className={classNames('status__wrapper', `status__wrapper-${status.get('visibility')}`, { 'status__wrapper-reply': !!status.get('in_reply_to_id') })} tabIndex={this.props.muted ? null : 0}>
           <div className={classNames('status', `status-${status.get('visibility')}`, { 'status-reply': !!status.get('in_reply_to_id'), muted: this.props.muted })} data-id={status.get('id')}>
             <div className='status__expand' onClick={this.handleExpandClick} role='presentation' />