Improve pending status display

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/components/status-list.tsx

@@ -139,6 +139,7 @@ const StatusList: React.FC<IStatusList> = ({
       <PendingStatus
         key={statusId}
         idempotencyKey={idempotencyKey}
+        variant={divideType === 'border' ? 'slim' : 'rounded'}
       />
     );
   };

src/features/event/event-discussion.tsx

@@ -123,7 +123,7 @@ const EventDiscussion: React.FC<IEventDiscussion> = (props) => {
       <PendingStatus
         key={id}
         idempotencyKey={idempotencyKey}
-        thread
+        variant='default'
       />
     );
   };

src/features/status/components/thread.tsx

@@ -275,7 +275,7 @@ const Thread = (props: IThread) => {
       <PendingStatus
         key={id}
         idempotencyKey={idempotencyKey}
-        thread
+        variant='default'
       />
     );
   };

src/features/ui/components/pending-status.tsx

@@ -22,7 +22,7 @@ interface IPendingStatus {
   className?: string;
   idempotencyKey: string;
   muted?: boolean;
-  thread?: boolean;
+  variant?: 'default' | 'rounded' | 'slim';
 }
 
 interface IPendingStatusMedia {
@@ -43,7 +43,7 @@ const PendingStatusMedia: React.FC<IPendingStatusMedia> = ({ status }) => {
   }
 };
 
-const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, muted, thread = false }) => {
+const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, muted, variant = 'rounded' }) => {
   const status = useAppSelector((state) => {
     const pendingStatus = state.pending_statuses.get(idempotencyKey);
     return pendingStatus ? buildStatus(state, pendingStatus, idempotencyKey) : null;
@@ -59,10 +59,10 @@ const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, mu
       <div className={clsx('status', { 'status-reply': !!status.in_reply_to_id, muted })} data-id={status.id}>
         <Card
           className={clsx(`status-${status.visibility}`, {
-            'py-6 sm:p-5': !thread,
+            'py-6 sm:p-5': variant === 'rounded',
             'status-reply': !!status.in_reply_to_id,
           })}
-          variant={thread ? 'default' : 'rounded'}
+          variant={variant}
         >
           <div className='mb-4'>
             <HStack justifyContent='between' alignItems='start'>