basic media attachments

1 files changed, 27 insertions, 0 deletions

diff --git a/src/ui/Attachment.js b/src/ui/Attachment.js
new file mode 100644
index 0000000..829dc8a
--- /dev/null
+++ b/src/ui/Attachment.js
@@ -0,0 +1,27 @@
+import { h } from 'preact';
+import css from './css';
+
+css`
+.attachment {
+	margin: 1rem;
+
+	width: 18rem;
+	height: 10rem;
+	object-fit: contain;
+}
+
+.attachment + .attachment {
+	margin-top: 0;
+}
+`;
+
+export const Attachment = ({ type, mediaType, url, style }) => {
+	let content;
+	if (mediaType.startsWith('video/')) {
+		content = <video class="attachment" src={url} controls />;
+	} else if (mediaType.startsWith('image/')) {
+		content = <img class="attachment" src={url} />;
+	}
+
+	return content;
+}