Proyectos de Subversion LeadersLinked - Antes de SPA

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