moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Optimistic statuses: add .thread__status className

This commit is contained in:
Alex Gleason 2021-10-09 21:39:15 -05:00
parent 5033e320bc
commit 0060667639
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/soapbox/features/status/index.js
View File

@ -491,6 +491,7 @@ class Status extends ImmutablePureComponent {
return ( return (
<PendingStatus <PendingStatus
className='thread__status'
key={id} key={id}
idempotencyKey={idempotencyKey} idempotencyKey={idempotencyKey}
focusedStatusId={status && status.get('id')} focusedStatusId={status && status.get('id')}

4
app/soapbox/features/ui/components/pending_status.js
View File

@ -25,7 +25,7 @@ export default @connect(mapStateToProps)
class PendingStatus extends ImmutablePureComponent { class PendingStatus extends ImmutablePureComponent {
render() { render() {
const { status, showThread } = this.props; const { status, className, showThread } = this.props;
if (!status) return null; if (!status) return null;
if (!status.get('account')) return null; if (!status.get('account')) return null;
@ -33,7 +33,7 @@ class PendingStatus extends ImmutablePureComponent {
const domain = getDomain(status.get('account')); const domain = getDomain(status.get('account'));
return ( 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__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={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' /> <div className='status__expand' onClick={this.handleExpandClick} role='presentation' />