Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15880 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 15880 Rev 15925
Línea 5... Línea 5...
5 
 
 5 
 
6 
const Message = ({ message }) => {
 6 
const Message = ({ message }) => {
Línea 7... Línea 7...
7 
  const { m, mtype, time, u, user_name } = message;
 7 
  const { m, mtype, time, u, user_name } = message;
8 
 
 - 
 
9 
  const messageContent = {
 - 
 
10 
    text: (
 - 
 
11 
      <div className={styles.messageContainer}>
 8 
 
12 
        {u !== 1 && <span className={styles.userName}>{user_name}</span>}
 - 
 
13 
        <div>{parse(emojione.shortnameToImage(m))}</div>
 - 
 
14 
      </div>
 9 
  const messageContent = {
15 
    ),
 - 
 
16 
    image: (
 10 
    text: <p>{parse(emojione.shortnameToImage(m))}</p>,
17 
      <>
 - 
 
18 
        <div className={styles.messageContainer}>
 11 
    image: (
19 
          {u !== 1 && <span className={styles.userName}>{user_name}</span>}
 - 
 
20 
          <img className={styles.chatImg} src={m} alt="chat_img" />
 12 
      <div className="d-flex align-item-center">
21 
        </div>
 13 
        <img className={styles.chatImg} src={m} alt="chat_img" />
22 
        <a href={m} target="_blank" className={styles.downloadBtn}>
 14 
        <a href={m} target="_blank" className={styles.downloadBtn}>
23 
          <i className="fa ti-arrow-circle-down"></i>
 15 
          <i className="fa ti-arrow-circle-down"></i>
24 
        </a>
 16 
        </a>
25 
      </>
 17 
      </div>
26 
    ),
 - 
 
27 
    video: (
 18 
    ),
28 
      <>
 - 
 
29 
        <div className={styles.messageContainer}>
 - 
 
30 
          {u !== 1 && <span className={styles.userName}>{user_name}</span>}
 19 
    video: (
31 
          <video
 - 
 
32 
            className={styles.chatImg}
 - 
 
33 
            src={m}
 - 
 
34 
            preload="none"
 - 
 
35 
            controls
 - 
 
36 
          ></video>
 20 
      <div className="d-flex align-item-center">
37 
        </div>
 21 
        <video className={styles.chatImg} src={m} preload="none" controls />
38 
        <a href={m} target="_blank" className={styles.downloadBtn}>
 22 
        <a href={m} target="_blank" className={styles.downloadBtn}>
39 
          <i className="fa ti-arrow-circle-down"></i>
 23 
          <i className="fa ti-arrow-circle-down"></i>
40 
        </a>
 24 
        </a>
41 
      </>
 25 
      </div>
42 
    ),
 - 
 
43 
    document: (
 26 
    ),
44 
      <>
 - 
 
45 
        <div className={styles.messageContainer}>
 27 
    document: (
46 
          {u !== 1 && <span className={styles.userName}>{user_name}</span>}
 28 
      <div className="d-flex align-item-center">
47 
          <img
 29 
        <img
48 
            className={styles.pdfImage}
 30 
          className={styles.pdfImage}
49 
            src="/storage/type/default/filename/pdf.png"
 31 
          src="/storage/type/default/filename/pdf.png"
50 
            alt="pdf"
 - 
 
51 
          />
 32 
          alt="pdf"
52 
        </div>
 33 
        />
53 
        <a href={m} target="_blank" className={styles.downloadBtn}>
 34 
        <a href={m} target="_blank" className={styles.downloadBtn}>
54 
          <i className="fa ti-arrow-circle-down"></i>
 35 
          <i className="fa ti-arrow-circle-down"></i>
55 
        </a>
 36 
        </a>
56 
      </>
 37 
      </div>
Línea 57... Línea 38...
57 
    ),
 38 
    ),
- 
 
 39 
  };
- 
 
 40 
 
58 
  };
 41 
  return (
59 
 
 42 
    <>
60 
  return (
 43 
      {u !== 1 && <span className={styles.userName}>{user_name}</span>}
61 
    <div
 44 
      <div
62 
      className={`${styles.message} ${
 45 
        className={`${styles.message} ${
- 
 
 46 
          message.u === 1 ? styles.message_sent : styles.message_received
63 
        message.u === 1 ? styles.message_sent : styles.message_received
 47 
        }`}
64 
      }`}
 48 
      >
- 
 
 49 
        <div className={styles.messageContainer}>
65 
    >
 50 
          {messageContent[mtype]}
- 
 
 51 
          <span>{time}</span>
66 
      {messageContent[mtype]}
 52 
        </div>
67 
      <span>{time}</span>
 53 
      </div>
Línea 68... Línea 54...
68 
    </div>
 54 
    </>