Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1197 Rev 1198
Línea 32... Línea 32...
32 
`;
 32 
`;
Línea 33... Línea 33...
33 
 
 33 
 
Línea 34... Línea 34...
34 
const MessageTemplate = ({ message }) => {
 34 
const MessageTemplate = ({ message }) => {
- 
 
 35 
 
- 
 
 36 
  const [isShow, setIsShow] = useState(false);
35 
 
 37 
  const [isLiked, setIsLiked] = useState(false);
36 
  const [isShow, setIsShow] = useState(false);
 38 
 
37 
  const senderName = (message) => {
 39 
  const senderName = (message) => {
38 
    if (message.type === "group") {
 40 
    if (message.type === "group") {
39 
      return message.u === 1 ? "" : message.user_name;
 41 
      return message.u === 1 ? "" : message.user_name;
Línea -... Línea 42...
- 
 
 42 
    }
- 
 
 43 
  };
- 
 
 44 
 
- 
 
 45 
  const handleLike = () => {
40 
    }
 46 
    setIsLiked(!isLiked)
41 
  };
 47 
  }
42 
 
 48 
 
43 
  switch (message.mtype) {
 49 
  switch (message.mtype) {
44 
    case "text":
 50 
    case "text":
Línea 59... Línea 65...
59 
              <p className="">
 65 
              <p className="">
60 
                {parse(emojione.shortnameToImage(message.m))}
 66 
                {parse(emojione.shortnameToImage(message.m))}
61 
                <br />
 67 
                <br />
62 
                <i className="text-right">{message.time}</i>
 68 
                <i className="text-right">{message.time}</i>
63 
              </p>
 69 
              </p>
- 
 
 70 
              {
- 
 
 71 
                isLiked
- 
 
 72 
                &&
- 
 
 73 
                <i
- 
 
 74 
                  className="fas fa-heart"
- 
 
 75 
                  style={{ color: 'red' }}
- 
 
 76 
                />
- 
 
 77 
              }
64 
            </div>
 78 
            </div>
65 
            <i
 79 
            <i
66 
              className="la la-ellipsis-v icon"
 80 
              className="la la-ellipsis-v icon"
67 
              style={{ position: 'relative' }}
 81 
              style={{ position: 'relative' }}
68 
              onClick={() => setIsShow(!isShow)}
 82 
              onClick={() => setIsShow(!isShow)}
Línea 72... Línea 86...
72 
              isShow
 86 
              isShow
73 
              &&
 87 
              &&
74 
              <div
 88 
              <div
75 
                className="display-reactions"
 89 
                className="display-reactions"
76 
              >
 90 
              >
77 
                <LikeButton />
 91 
                <LikeButton
- 
 
 92 
                  onClick={handleLike}
- 
 
 93 
                />
78 
              </div>
 94 
              </div>
79 
            }
 95 
            }
80 
          </div>
 96 
          </div>
81 
        </li>
 97 
        </li>
82 
      );
 98 
      );