video added

AmakrushAI · Feb 9, 2024 · aa3e6fa · aa3e6fa
1 parent 7097a64
commit aa3e6fa
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 15 deletions.
diff --git a/apps/amakrushi/src/components/chat-message-item/index.tsx b/apps/amakrushi/src/components/chat-message-item/index.tsx
@@ -570,23 +570,14 @@ const ChatMessageItem: FC<ChatMessageItemPropType> = ({ message, onSend }) => {
 
     case 'video': {
       const url = content?.data?.payload?.media?.url || content?.data?.videoUrl;
+      const videoId = url.split("=")[1];
       return (
         <>
-          {content?.data?.position === 'left' && (
-            <div
-              style={{
-                width: '40px',
-                marginRight: '4px',
-                textAlign: 'center',
-              }}></div>
-          )}
           <Bubble type="image">
             <div style={{ padding: '7px' }}>
-              <Video
-                cover="https://uxwing.com/wp-content/themes/uxwing/download/video-photography-multimedia/video-icon.png"
-                src={url}
-              />
-
+            <iframe width="100%" height="fit-content"
+                src={`https://www.youtube.com/embed/`+videoId}
+                frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
               <div
                 style={{
                   display: 'flex',

diff --git a/apps/amakrushi/src/context/ContextProvider.tsx b/apps/amakrushi/src/context/ContextProvider.tsx
@@ -318,7 +318,7 @@ const ContextProvider: FC<{
         ) {
           await updateMsgState({
             msg: msg,
-            media: { imageUrls: msg?.content?.media_url },
+            media: { imageUrl: msg?.content?.media_url },
           });
         }
       } else if (msg.content.msg_type.toUpperCase() === 'AUDIO') {

diff --git a/packages/chat-ui/dist/index.js b/packages/chat-ui/dist/index.js