Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6936 Rev 6937
Línea 114... Línea 114...
114 
      margin-left: 0.5rem;
 114 
      margin-left: 0.5rem;
115 
    `
 115 
    `
116 
  }}
 116 
  }}
117 
`
 117 
`
Línea -... Línea 118...
- 
 
 118 
 
- 
 
 119 
const StyledForm = styled.form`
- 
 
 120 
  border-top: 1px solid var(--border-primary);
- 
 
 121 
  padding: 0.5rem;
- 
 
 122 
  position: relative;
- 
 
 123 
  display: flex;
- 
 
 124 
  justify-content: center;
- 
 
 125 
  align-items: center;
- 
 
 126 
  gap: 0.5rem;
- 
 
 127 
`
- 
 
 128 
 
- 
 
 129 
const StyledInput = styled.input`
- 
 
 130 
  border: none;
- 
 
 131 
  outline: none;
- 
 
 132 
  flex: 1;
- 
 
 133 
  padding: 0.5rem 1rem;
- 
 
 134 
  border-radius: 30px;
- 
 
 135 
  background: $bg-color-secondary;
- 
 
 136 
 
- 
 
 137 
  &:focus {
- 
 
 138 
    background: $bg-color-secondary;
- 
 
 139 
  }
- 
 
 140 
`
118 
 
 141 
 
119 
function messageAreEqual(oldProps, newProps) {
 142 
function messageAreEqual(oldProps, newProps) {
120 
  return oldProps.message.id === newProps.message.id
 143 
  return oldProps.message.id === newProps.message.id
Línea 121... Línea 144...
121 
}
 144 
}
Línea 184... Línea 207...
184 
const Message = memo(({ message }) => {
 207 
const Message = memo(({ message }) => {
185 
  const senderName = (message) => {
 208 
  const senderName = (message) => {
186 
    if (message.type === 'group' && !message.u === 1) return message.user_name
 209 
    if (message.type === 'group' && !message.u === 1) return message.user_name
187 
  }
 210 
  }
Línea 188... Línea -...
188 
 
 - 
 
189 
  console.log('Render')
 - 
 
190 
 
 211 
 
191 
  const messagesContent = {
 212 
  const messagesContent = {
192 
    // eslint-disable-next-line no-undef
 213 
    // eslint-disable-next-line no-undef
193 
    text: <p>{parse(emojione.shortnameToImage(message.m))}</p>,
 214 
    text: <p>{parse(emojione.shortnameToImage(message.m))}</p>,
194 
    image: <img src={message.m} alt="chat_image" />,
 215 
    image: <img src={message.m} alt="chat_image" />,
Línea 290... Línea 311...
290 
    setValue('message', `${currentMessage}${unicode}`)
 311 
    setValue('message', `${currentMessage}${unicode}`)
291 
  }
 312 
  }
Línea 292... Línea 313...
292 
 
 313 
 
293 
  return (
 314 
  return (
294 
    <>
 315 
    <>
295 
      <form className="chat__input-container" onSubmit={onSubmit}>
 316 
      <StyledForm onSubmit={onSubmit}>
296 
        {showEmojione && <Emojione onClickEmoji={onClickEmoji} />}
 317 
        {showEmojione && <Emojione onClickEmoji={onClickEmoji} />}
297 
        <IconButton onClick={toggleFileModal}>
 318 
        <IconButton onClick={toggleFileModal}>
298 
          <AttachFileIcon />
 319 
          <AttachFileIcon />
299 
        </IconButton>
 320 
        </IconButton>
300 
        <IconButton onClick={toggleEmojione}>
 321 
        <IconButton onClick={toggleEmojione}>
301 
          <InsertEmoticonIcon />
 322 
          <InsertEmoticonIcon />
302 
        </IconButton>
 323 
        </IconButton>
303 
        <input
 324 
        <StyledInput
304 
          type="text"
 325 
          type="text"
305 
          name="message"
 326 
          name="message"
306 
          placeholder="Escribe un mensaje"
 327 
          placeholder="Escribe un mensaje"
307 
          ref={register({ required: true })}
 328 
          ref={register({ required: true })}
308 
        />
 329 
        />
309 
        <IconButton type="submit">
 330 
        <IconButton type="submit">
310 
          <SendIcon />
 331 
          <SendIcon />
311 
        </IconButton>
 332 
        </IconButton>
312 
      </form>
 333 
      </StyledForm>
313 
      <FileModal
 334 
      <FileModal
314 
        isShow={isShowFileModal}
 335 
        isShow={isShowFileModal}
315 
        onHide={toggleFileModal}
 336 
        onHide={toggleFileModal}
316 
        onComplete={sendFile}
 337 
        onComplete={sendFile}