Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

const MessageTemplate = ({message}) => {

    const isRightPosition = message.side === "right";

    return (

        <div

            className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}

            key={message.message}

        >

            <div className="messg-usr-img">

                <a href={message.sender_profile}>

                    <img

                        src={message.sender_image}

                        className="cursor-pointer"

                        alt={message.sender_name}

                    />

                </a>

            </div>

            <div className={`message-dt mw-30 border-radius ${isRightPosition ? 'bg-light-gray' : 'bg-custom-gray'} `}>

                <div className="message-inner-dt">

                    <p className={`w-100 border-none bg-transparent ${'text-'+message.side}`}>{message.message}</p>

                </div>

                <span className="p-1">{message.date}</span>

            </div>

        </div>

    )

}

export default MessageTemplate