Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3702 Rev 3704
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import styles from '../../mobile-chat/mobile-chat/chat/messages/messages.module.scss'
 - 
 
Línea 3... Línea 2...
3 
 
 2 
 
Línea 4... Línea 3...
4 
const MessageTemplate = ({ message, date }) => {
 3 
const MessageTemplate = ({ message, date }) => {
Línea 28... Línea 27...
28 
                                    className="cursor-pointer"
 27 
                                    className="cursor-pointer"
29 
                                    alt={`${sender_name} profile image`}
 28 
                                    alt={`${sender_name} profile image`}
30 
                                />
 29 
                                />
31 
                            </a>
 30 
                            </a>
32 
                        </div>
 31 
                        </div>
33 
                        <div className={`message-dt mw-30 border-radius ${isRightPosition ? 'bg-light-gray' : 'bg-custom-gray'} `}>
 32 
                        <div className={`message-dt mw-30 border-radius`}>
34 
                            <div className="message-inner-dt">
 33 
                            <div className="message-inner-dt">
35 
                                <p className={`w-100 ${'text-' + side}`}>
 34 
                                <p className={`w-100 ${'text-' + side}`}>
36 
                                    {message}
 35 
                                    {message}
37 
                                </p>
 36 
                                </p>
38 
                            </div>
 37 
                            </div>
Línea 50... Línea 49...
50 
                                    className="cursor-pointer"
 49 
                                    className="cursor-pointer"
51 
                                    alt={`${sender_name} profile image`}
 50 
                                    alt={`${sender_name} profile image`}
52 
                                />
 51 
                                />
53 
                            </a>
 52 
                            </a>
54 
                        </div>
 53 
                        </div>
55 
                        <div className={`message-dt mw-30 border-radius ${isRightPosition ? 'bg-light-gray' : 'bg-custom-gray'} `}>
 54 
                        <div className={`message-dt mw-30 border-radius`}>
56 
                            <div className="message-inner-dt">
 55 
                            <div className="message-inner-dt">
57 
                                <img
 56 
                                <img
58 
                                    src={filename}
 57 
                                    src={filename}
59 
                                    alt={`${sender_name} message image`}
 58 
                                    alt={`${sender_name} message image`}
60 
                                />
 59 
                                />
Línea 76... Línea 75...
76 
                                    className="cursor-pointer"
 75 
                                    className="cursor-pointer"
77 
                                    alt={sender_name}
 76 
                                    alt={sender_name}
78 
                                />
 77 
                                />
79 
                            </a>
 78 
                            </a>
80 
                        </div>
 79 
                        </div>
81 
                        <div className={`message-dt mw-30 border-radius ${isRightPosition ? 'bg-light-gray' : 'bg-custom-gray'} `}>
 80 
                        <div className={`message-dt mw-30 border-radius`}>
82 
                            <div className="message-inner-dt">
 81 
                            <div className="message-inner-dt">
83 
                                <video src={filename} />
 82 
                                <video src={filename} />
84 
                            </div>
 83 
                            </div>
85 
                            <span className="p-1">{date}</span>
 84 
                            <span className="p-1">{date}</span>
86 
                        </div>
 85 
                        </div>
Línea 99... Línea 98...
99 
                                    className="cursor-pointer"
 98 
                                    className="cursor-pointer"
100 
                                    alt={sender_name}
 99 
                                    alt={sender_name}
101 
                                />
 100 
                                />
102 
                            </a>
 101 
                            </a>
103 
                        </div>
 102 
                        </div>
104 
                        <div className={`message-dt mw-30 border-radius ${isRightPosition ? 'bg-light-gray' : 'bg-custom-gray'} `}>
 103 
                        <div className={`message-dt mw-30 border-radius`}>
105 
                            <div className="message-inner-dt">
 104 
                            <div className="message-inner-dt">
106 
                                <a href={filename} target="_blank" className={styles.downloadBtn} rel="noreferrer">
 105 
                                <a href={filename} target="_blank" className={'downloadBtn'} rel="noreferrer">
107 
                                    Abrir documento
 106 
                                    Abrir documento
108 
                                    <i className="fa ti-arrow-circle-down" />
 107 
                                    <i className="fa ti-arrow-circle-down" />
109 
                                </a>
 108 
                                </a>
110 
                            </div>
 109 
                            </div>
111 
                            <span className="p-1">{date}</span>
 110 
                            <span className="p-1">{date}</span>