use arg instead

This commit is contained in:
Alec Armbruster 2023-06-29 13:16:57 -04:00
parent 6ca365fca1
commit 90ed113ee4
No known key found for this signature in database
GPG key ID: 52BC7C84E960FD1B

View file

@ -401,10 +401,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
} }
} }
createdLine() { createdLine({ extraClasses = "" }: { extraClasses?: string }) {
const post_view = this.postView; const post_view = this.postView;
return ( return (
<div className="small"> <div className={`small ${extraClasses}`}>
<span className="me-1"> <span className="me-1">
<PersonListing person={post_view.creator} /> <PersonListing person={post_view.creator} />
</span> </span>
@ -1373,7 +1374,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<div className="d-block d-sm-none"> <div className="d-block d-sm-none">
<article className="row post-container"> <article className="row post-container">
<div className="col-12"> <div className="col-12">
<div className="mb-1">{this.createdLine()}</div> {this.createdLine({
extraClasses: "mb-1",
})}
{/* If it has a thumbnail, do a right aligned thumbnail */} {/* If it has a thumbnail, do a right aligned thumbnail */}
{this.mobileThumbnail()} {this.mobileThumbnail()}
@ -1407,7 +1410,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</div> </div>
<div className="col flex-grow-1"> <div className="col flex-grow-1">
{this.postTitleLine()} {this.postTitleLine()}
{this.createdLine()} {this.createdLine({})}
{this.commentsLine()} {this.commentsLine()}
{this.duplicatesLine()} {this.duplicatesLine()}
{this.removeAndBanDialogs()} {this.removeAndBanDialogs()}