Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1887 | Rev 1889 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1748 stevensc 1 
import React from 'react'
2 
 
3 
const MessageTemplate = ({message}) => {
1885 steven 4 
    const isRightPosition = message.side === "right";
1748 stevensc 5 
    return (
6 
        <div
1885 steven 7 
            className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
1748 stevensc 8 
            key={message.message}
9 
        >
10 
            <div className="messg-usr-img">
11 
                <a href={message.sender_profile}>
12 
                    <img
13 
                        src={message.sender_image}
14 
                        className="cursor-pointer"
15 
                        alt={message.sender_name}
16 
                    />
17 
                </a>
18 
            </div>
1886 steven 19 
            <div className={`message-dt ${isRightPosition ? 'bg-light-gray' : 'bg-custom-gray'} `}>
1748 stevensc 20 
                <div className="message-inner-dt">
1888 steven 21 
                    <p className='w-100 border-none bg-transparent'>{message.message}</p>
1748 stevensc 22 
                </div>
23 
                <span>{message.date}</span>
24 
            </div>
25 
        </div>
26 
    )
27 
}
28 
export default MessageTemplate