Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2984 Rev 3039
Línea 4... Línea 4...
4
const MessageTemplate = ({ message }) => {
4
const MessageTemplate = ({ message }) => {
Línea 5... Línea 5...
5
 
5
 
Línea 6... Línea 6...
6
    const isRightPosition = message.side === "right";
6
    const isRightPosition = message.side === "right";
-
 
7
 
7
 
8
    const messageRenderer = (msg) => {
8
    const messageRenderer = (msg) => {
-
 
9
        const {
-
 
10
            date,
-
 
11
            filename,
-
 
12
            message,
-
 
13
            receiver_image,
-
 
14
            receiver_name,
-
 
15
            receiver_profile,
9
 
-
 
10
        const {
16
            sender_image,
11
            sender_name,
-
 
12
            sender_image,
-
 
13
            sender_profile,
-
 
14
            receiver_name,
17
            sender_name,
15
            receiver_image,
-
 
16
            receiver_profile,
18
            sender_profile,
17
            side,
-
 
18
            message,
-
 
19
            type,
19
            side,
20
            filename,
Línea 20... Línea 21...
20
            type
21
            date
21
        } = msg;
22
        } = msg;
22
 
23
 
23
        switch (type) {
-
 
24
            case "text":
24
        switch (type) {
25
                return (
-
 
26
                    <div
-
 
27
                        className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
25
            case "text":
28
                        key={message}
26
                return (
29
                    >
27
                    <div className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`} key={message}>
30
                        <div className="messg-usr-img">
28
                        <div className="messg-usr-img">
31
                            <a href={sender_profile}>
29
                            <a href={sender_profile}>
Línea 46... Línea 44...
46
                        </div>
44
                        </div>
47
                    </div>
45
                    </div>
48
                );
46
                );
49
            case "image":
47
            case "image":
50
                return (
48
                return (
51
                    <div
-
 
52
                        className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`}
49
                    <div className={`main-message-box ${isRightPosition ? 'ta-right' : ''}`} key={message}>
53
                        key={message}
-
 
54
                    >
-
 
55
                        <div className="messg-usr-img">
50
                        <div className="messg-usr-img">
56
                            <a href={sender_profile}>
51
                            <a href={sender_profile}>
57
                                <img
52
                                <img
58
                                    src={sender_image}
53
                                    src={sender_image}
59
                                    className="cursor-pointer"
54
                                    className="cursor-pointer"