@ethora/chat-component-rn 26.5.11 → 26.5.13

package/lib/module/components/RoomComponents/styled/LastAudioMessage.js

@@ -1,33 +1,24 @@
 "use strict";
 
 import React from 'react';
-import { LastRoomMessageContainer, LastRoomMessageName, LastRoomMessageText, ShadeWrapper } from './StyledRoomComponents';
+import { LastRoomMessageContainer, LastRoomMessageName, LastRoomMessageText } from './StyledRoomComponents';
 import styled from 'styled-components/native';
-import { Text, View } from 'react-native';
+import { PlayIcon } from '../../../assets/icons';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PlayButton = styled.View`
-  position: absolute;
-  width: 8px;
-  height: 9px;
-  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: white;
-  font-size: 10px;
-  pointer-events: none;
-  z-index: 100;
+  background-color: #d8ecff;
+  margin-top: 1px;
 `;
-const PhotoContainer = styled.View`
-  position: relative;
-  width: 20px;
-  height: 20px;
-  overflow: hidden;
-  border-radius: 8px;
-  width: 20px;
-  height: 20px;
-  object-fit: cover;
-  pointer-events: none;
+const AudioRow = styled.View`
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
 `;
 const LastAudioMessage = ({
   user,
@@ -35,23 +26,18 @@ const LastAudioMessage = ({
 }) => {
   return /*#__PURE__*/_jsxs(LastRoomMessageContainer, {
     children: [/*#__PURE__*/_jsx(LastRoomMessageName, {
+      numberOfLines: 1,
       children: user?.name ?? ''
-    }), /*#__PURE__*/_jsxs(View, {
-      style: {
-        display: 'flex',
-        flexDirection: 'row',
-        gap: '4px'
-      },
-      children: [/*#__PURE__*/_jsx(PhotoContainer, {
-        children: /*#__PURE__*/_jsx(ShadeWrapper, {
-          children: /*#__PURE__*/_jsx(PlayButton, {
-            children: /*#__PURE__*/_jsx(Text, {
-              children: "\u25B6"
-            })
-          })
+    }), /*#__PURE__*/_jsxs(AudioRow, {
+      children: [/*#__PURE__*/_jsx(PlayButton, {
+        children: /*#__PURE__*/_jsx(PlayIcon, {
+          width: 10,
+          height: 10,
+          color: "#1F2937"
         })
       }), /*#__PURE__*/_jsx(LastRoomMessageText, {
-        children: "audio"
+        numberOfLines: 1,
+        children: body?.trim() ? body : 'audio'
       })]
     })]
   });

package/lib/module/components/RoomComponents/styled/LastAudioMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LastRoomMessageContainer","LastRoomMessageName","LastRoomMessageText","ShadeWrapper","styled","Text","View","jsx","_jsx","jsxs","_jsxs","PlayButton","PhotoContainer","LastAudioMessage","user","body","children","name","style","display","flexDirection","gap"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastAudioMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SACEC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,EACnBC,YAAY,QACP,wBAAwB;AAE/B,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAI1C,MAAMC,UAAU,GAAGP,MAAM,CAACE,IAAI;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMM,cAAc,GAAGR,MAAM,CAACE,IAAI;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMO,gBAA2C,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EACtE,oBACEL,KAAA,CAACV,wBAAwB;IAAAgB,QAAA,gBACvBR,IAAA,CAACP,mBAAmB;MAAAe,QAAA,EAAEF,IAAI,EAAEG,IAAI,IAAI;IAAE,CAAsB,CAAC,eAC7DP,KAAA,CAACJ,IAAI;MACHY,KAAK,EAAE;QACLC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,GAAG,EAAE;MACP,CAAE;MAAAL,QAAA,gBAEFR,IAAA,CAACI,cAAc;QAAAI,QAAA,eACbR,IAAA,CAACL,YAAY;UAAAa,QAAA,eACXR,IAAA,CAACG,UAAU;YAAAK,QAAA,eAACR,IAAA,CAACH,IAAI;cAAAW,QAAA,EAAC;YAAC,CAAM;UAAC,CAAY;QAAC,CAC3B;MAAC,CACD,CAAC,eACjBR,IAAA,CAACN,mBAAmB;QAAAc,QAAA,EAAC;MAAK,CAAqB,CAAC;IAAA,CAC5C,CAAC;EAAA,CACiB,CAAC;AAE/B,CAAC;AAED,eAAeH,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","LastRoomMessageContainer","LastRoomMessageName","LastRoomMessageText","styled","PlayIcon","jsx","_jsx","jsxs","_jsxs","PlayButton","View","AudioRow","LastAudioMessage","user","body","children","numberOfLines","name","width","height","color","trim"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastAudioMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SACEC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACd,wBAAwB;AAE/B,OAAOC,MAAM,MAAM,0BAA0B;AAE7C,SAASC,QAAQ,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIjD,MAAMC,UAAU,GAAGN,MAAM,CAACO,IAAI;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,QAAQ,GAAGR,MAAM,CAACO,IAAI;AAC5B;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAA2C,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EACtE,oBACEN,KAAA,CAACR,wBAAwB;IAAAe,QAAA,gBACvBT,IAAA,CAACL,mBAAmB;MAACe,aAAa,EAAE,CAAE;MAAAD,QAAA,EAAEF,IAAI,EAAEI,IAAI,IAAI;IAAE,CAAsB,CAAC,eAC/ET,KAAA,CAACG,QAAQ;MAAAI,QAAA,gBACPT,IAAA,CAACG,UAAU;QAAAM,QAAA,eACTT,IAAA,CAACF,QAAQ;UAACc,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE,EAAG;UAACC,KAAK,EAAC;QAAS,CAAE;MAAC,CACzC,CAAC,eACbd,IAAA,CAACJ,mBAAmB;QAACc,aAAa,EAAE,CAAE;QAAAD,QAAA,EACnCD,IAAI,EAAEO,IAAI,CAAC,CAAC,GAAGP,IAAI,GAAG;MAAO,CACX,CAAC;IAAA,CACd,CAAC;EAAA,CACa,CAAC;AAE/B,CAAC;AAED,eAAeF,gBAAgB","ignoreList":[]}