Spaces:

arabdullah
/

chatty

Paused

chatty / client /src /components /pages /Chat /SentMessage.jsx

@ARAbdullaSL

a0fda44 verified about 2 years ago

567 Bytes

import React from "react";
import BubbleTail from "./BubbleTail";
import Message from "./Message";

function SentMessage({ message }) {
  return (
    <div className="self-end">
      <div className="flex items-end max-w-[35rem] ml-[3rem]">
        <Message
          messageData={message}
          className="bg-message rounded-br-none flex-grow"
        />
        <BubbleTail
          className={message.messageType === "image" && "hidden"}
          fillColor="fill-message stroke-message"
        />
      </div>
    </div>
  );
}

export default SentMessage;

	import React from "react";
	import BubbleTail from "./BubbleTail";
	import Message from "./Message";

	function SentMessage({ message }) {
	return (
	<div className="self-end">
	<div className="flex items-end max-w-[35rem] ml-[3rem]">
	<Message
	messageData={message}
	className="bg-message rounded-br-none flex-grow"
	/>
	<BubbleTail
	className={message.messageType === "image" && "hidden"}
	fillColor="fill-message stroke-message"
	/>
	</div>
	</div>
	);
	}

	export default SentMessage;