From 489a05663a7adc5a43fa347ae08bb6d23e8006fc Mon Sep 17 00:00:00 2001
From: or-else <or.else@gmail.com>
Date: Mon, 12 Dec 2022 22:09:17 -0800
Subject: [PATCH] adding widget for displaying video previes inside message
 bubbles

---
 src/widgets/inline-video.jsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/widgets/inline-video.jsx

diff --git a/src/widgets/inline-video.jsx b/src/widgets/inline-video.jsx
new file mode 100644
index 00000000..01f95f54
--- /dev/null
+++ b/src/widgets/inline-video.jsx
@@ -0,0 +1,22 @@
+// Element which shows static video preview:
+// an image with duration and a play button in the middle.
+
+import React from 'react';
+
+export default class InlineVideo extends React.PureComponent {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div className="inline-image video">
+        {React.createElement('img', this.props)}
+        <div className="play-control">
+          <i class="material-icons white bigger">play_arrow</i>
+        </div>
+        <div className="duration">1:12:45</div>
+      </div>
+    );
+  }
+};