From 90ed113ee45fb9a93c72f6f9aa8d0ebd4849be21 Mon Sep 17 00:00:00 2001
From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
Date: Thu, 29 Jun 2023 13:16:57 -0400
Subject: [PATCH] use arg instead

---
 src/shared/components/post/post-listing.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 9b2d604a..ae43bff9 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -401,10 +401,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
     }
   }
 
-  createdLine() {
+  createdLine({ extraClasses = "" }: { extraClasses?: string }) {
     const post_view = this.postView;
+
     return (
-      <div className="small">
+      <div className={`small ${extraClasses}`}>
         <span className="me-1">
           <PersonListing person={post_view.creator} />
         </span>
@@ -1373,7 +1374,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         <div className="d-block d-sm-none">
           <article className="row post-container">
             <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 */}
               {this.mobileThumbnail()}
@@ -1407,7 +1410,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                 </div>
                 <div className="col flex-grow-1">
                   {this.postTitleLine()}
-                  {this.createdLine()}
+                  {this.createdLine({})}
                   {this.commentsLine()}
                   {this.duplicatesLine()}
                   {this.removeAndBanDialogs()}