Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5617 Rev 5933
Línea 9... Línea 9...
9 
import SpeakerNotesOffRoundedIcon from '@mui/icons-material/SpeakerNotesOffRounded'
 9 
import SpeakerNotesOffRoundedIcon from '@mui/icons-material/SpeakerNotesOffRounded'
10 
import EmptySection from '../../shared/empty-section/EmptySection'
 10 
import EmptySection from '../../shared/empty-section/EmptySection'
11 
import MessageBox from './MessageBox'
 11 
import MessageBox from './MessageBox'
12 
import MessageTemplate from './MessageTemplate'
 12 
import MessageTemplate from './MessageTemplate'
13 
import ConfirmModal from '../../shared/confirm-modal/ConfirmModal'
 13 
import ConfirmModal from '../../shared/confirm-modal/ConfirmModal'
- 
 
 14 
import IconButton from '@mui/material/IconButton'
- 
 
 15 
import MoreVertIcon from '@mui/icons-material/MoreVert'
Línea 14... Línea 16...
14 
 
 16 
 
Línea 15... Línea 17...
15 
const DEFAULT_PAGES = { current: 1, last: 1 }
 17 
const DEFAULT_PAGES = { current: 1, last: 1 }
16 
 
 18 
 
Línea 172... Línea 174...
172 
      />
 174 
      />
173 
    )
 175 
    )
174 
  }
 176 
  }
Línea 175... Línea 177...
175 
 
 177 
 
- 
 
 178 
  return (
176 
  return (
 179 
    <>
177 
    <div className="chat">
 180 
      <div className="chat">
178 
      <span className="icon-hide" onClick={() => setConversation(null)}>
 181 
        <span className="icon-hide" onClick={() => setConversation(null)}>
179 
        <ArrowLeft />
 182 
          <ArrowLeft />
180 
        {LABELS.RETURN}
 183 
          {LABELS.RETURN}
181 
      </span>
 184 
        </span>
182 
      <div className="d-flex align-items-center justify-content-center position-relative">
 185 
        <div className="chat_header">
183 
        <a href={selectedConversation.profile}>
 186 
          <a href={selectedConversation.profile}>
184 
          <h2 className="chat-header">{selectedConversation.name}</h2>
 187 
            <h2 className="chat-header">{selectedConversation.name}</h2>
185 
        </a>
 - 
 
186 
        <div
 188 
          </a>
187 
          className="cursor-pointer d-flex align-items-center"
 189 
          <div className="header-options">
188 
          style={{ position: 'absolute', right: '1rem' }}
 - 
 
189 
        >
 190 
            <IconButton onClick={() => setDisplayOptions(!displayOptions)}>
190 
          <img
 191 
              <MoreVertIcon />
191 
            src="/images/icons/options.png"
 192 
            </IconButton>
192 
            className="cursor-pointer img-icon options"
 - 
 
193 
            onClick={() => setDisplayOptions(!displayOptions)}
 - 
 
194 
          />
 193 
            <div className="position-relative">
195 
          <div className={`feed-options ${displayOptions ? 'active' : ''}`}>
 194 
              <div className={`feed-options ${displayOptions ? 'active' : ''}`}>
196 
            <ul>
 195 
                <ul>
197 
              <li>
 196 
                  <li>
198 
                <button className="option-btn" onClick={toggleConfirmModal}>
 197 
                    <button className="option-btn" onClick={toggleConfirmModal}>
199 
                  <i className="fa fa-trash-o mr-1" />
 198 
                      <i className="fa fa-trash-o mr-1" />
200 
                  Borrar
 199 
                      Borrar
- 
 
 200 
                    </button>
- 
 
 201 
                  </li>
201 
                </button>
 202 
                </ul>
202 
              </li>
 203 
              </div>
203 
            </ul>
 204 
            </div>
204 
          </div>
 - 
 
205 
          <ConfirmModal
 - 
 
206 
            show={isShowConfirm}
 - 
 
207 
            onClose={toggleConfirmModal}
 - 
 
208 
            onAccept={deleteConversation}
 - 
 
209 
            acceptLabel="Aceptar"
 - 
 
210 
          />
 205 
          </div>
211 
        </div>
 - 
 
212 
      </div>
 206 
        </div>
213 
      <div className="messages-line" ref={messagesList}>
 207 
        <div className="messages-line" ref={messagesList}>
214 
        {messages.length ? (
 208 
          {messages.length ? (
215 
          [...oldMessages, ...messages].map((element, index) => (
 209 
            [...oldMessages, ...messages].map((element, index) => (
216 
            <MessageTemplate
 210 
              <MessageTemplate
217 
              key={index}
 211 
                key={index}
218 
              message={element}
 212 
                message={element}
- 
 
 213 
                date={element.date}
- 
 
 214 
              />
- 
 
 215 
            ))
- 
 
 216 
          ) : (
- 
 
 217 
            <EmptySection
- 
 
 218 
              message={LABELS.NO_MESSAGE_CONVERSATION}
219 
              date={element.date}
 219 
              Icon={<SpeakerNotesOffRoundedIcon />}
220 
            />
 220 
            />
221 
          ))
 - 
 
222 
        ) : (
 - 
 
223 
          <EmptySection
 221 
          )}
224 
            message={LABELS.NO_MESSAGE_CONVERSATION}
 222 
          {pages.current < pages.last && (
225 
            Icon={<SpeakerNotesOffRoundedIcon />}
 223 
            <hr ref={lastMessage} style={{ opacity: 0, margin: 0 }} />
226 
          />
 224 
          )}
- 
 
 225 
        </div>
227 
        )}
 226 
        <MessageBox
228 
        {pages.current < pages.last && (
 227 
          onSend={handleSend}
229 
          <hr ref={lastMessage} style={{ opacity: 0, margin: 0 }} />
 228 
          sendUrl={selectedConversation.send_link}
230 
        )}
 229 
        />
231 
      </div>
 230 
      </div>
- 
 
 231 
      <ConfirmModal
232 
      <MessageBox
 232 
        show={isShowConfirm}
233 
        onSend={handleSend}
 233 
        onClose={toggleConfirmModal}
- 
 
 234 
        onAccept={deleteConversation}
234 
        sendUrl={selectedConversation.send_link}
 235 
        acceptLabel="Aceptar"
235 
      />
 236 
      />
236 
    </div>
 237 
    </>
237 
  )
 238 
  )
Línea 238... Línea 239...
238 
}
 239 
}