Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1748 | Rev 1886 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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