'init'

2026-01-30 05:01:05 +02:00
commit 83f38dc63f
327 changed files with 18725 additions and 0 deletions
--- a/app/components/MessageAttachments/MessageAttachments.tsx
+++ b/app/components/MessageAttachments/MessageAttachments.tsx
@@ -0,0 +1,61 @@
+import { Attachment, AttachmentType } from "@/app/providers/ProtocolProvider/protocol/packets/packet.message";
+import { DeliveredMessageState } from "@/app/providers/DialogProvider/DialogProvider";
+import { Flex } from "@mantine/core";
+import { MessageImage } from "./MessageImage";
+import { MessageReplyMessages } from "./MessageReplyMessages";
+import { MessageFile } from "./MessageFile";
+import { ErrorBoundaryProvider } from "@/app/providers/ErrorBoundaryProvider/ErrorBoundaryProvider";
+import { AttachmentError } from "../AttachmentError/AttachmentError";
+import { MessageAvatar } from "./MessageAvatar";
+import { MessageProps } from "../Messages/Message";
+
+export interface MessageAttachmentsProps {
+    attachments: Attachment[];
+    delivered: DeliveredMessageState;
+    timestamp: number;
+    text: string;
+    chacha_key_plain: string;
+    parent: MessageProps;
+}
+
+export interface AttachmentProps {
+    attachment: Attachment;
+    attachments: Attachment[];
+    delivered: DeliveredMessageState;
+    timestamp: number;
+    text: string;
+    chacha_key_plain: string;
+    parent: MessageProps;
+}
+
+export function MessageAttachments(props: MessageAttachmentsProps) {
+    return (
+        <ErrorBoundaryProvider fallback={<AttachmentError></AttachmentError>}>
+            <Flex gap={'xs'} direction={'column'} mt={'sm'} wrap={'wrap'}>
+                {props.attachments.map((att, index) => {
+                    const attachProps : AttachmentProps = {
+                        chacha_key_plain: props.chacha_key_plain,
+                        attachment: att,
+                        attachments: props.attachments,
+                        delivered: props.delivered,
+                        timestamp: props.timestamp,
+                        text: props.text,
+                        parent: props.parent,
+                    }
+                    switch (att.type) {
+                        case AttachmentType.MESSAGES:
+                            return <MessageReplyMessages {...attachProps} key={index}></MessageReplyMessages>
+                        case AttachmentType.IMAGE:
+                            return <MessageImage {...attachProps} key={index}></MessageImage>
+                        case AttachmentType.FILE:
+                            return <MessageFile {...attachProps} key={index}></MessageFile>
+                        case AttachmentType.AVATAR:
+                            return <MessageAvatar {...attachProps} key={index}></MessageAvatar>
+                        default:
+                            return <AttachmentError key={index}></AttachmentError>;
+                    }
+                })}
+            </Flex>            
+        </ErrorBoundaryProvider>
+    );
+}