feat: updated generic attachment to pass through pending prop

ts/components/conversation/message/message-content/MessageGenericAttachment.tsx

@@ -15,19 +15,21 @@ const StyledGenericAttachmentContainer = styled(MessageHighlighter)<{
 
 export function MessageGenericAttachment({
   attachment,
-  direction,
-  highlight,
+  /** comes from the attachment iself or the component if it needs to be decrypted */
+  pending,
   selected,
+  highlight,
+  direction,
   onClick,
 }: {
   attachment: PropsForAttachment | AttachmentTypeWithPath;
-  highlight: boolean;
+  pending: boolean;
   selected: boolean;
+  highlight: boolean;
   direction?: MessageModelType;
   onClick?: (e: any) => void;
 }) {
-  // TODO add higher level pending or loading states
-  const { pending, fileName, fileSize, contentType } = attachment;
+  const { fileName, fileSize, contentType } = attachment;
   const extension = getExtensionForDisplay({ contentType, fileName });
 
   return (

ts/types/Attachment.ts

@@ -156,7 +156,7 @@ export function isVideoAttachment(attachment?: AttachmentType): boolean {
 
 export function hasVideoScreenshot(attachments?: Array<AttachmentType>): boolean {
   const firstAttachment = attachments ? attachments[0] : null;
-  return Boolean(firstAttachment?.screenshot?.url);
+  return Boolean(firstAttachment?.screenshot?.url || firstAttachment?.pending);
 }
 
 type DimensionsType = {