Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1668 Rev 1675
Línea 17... Línea 17...
17 
import LoaderContainer from '../UI/LoaderContainer'
 17 
import LoaderContainer from '../UI/LoaderContainer'
18 
import Spinner from '../UI/Spinner'
 18 
import Spinner from '../UI/Spinner'
19 
import Paraphrase from '../UI/Paraphrase'
 19 
import Paraphrase from '../UI/Paraphrase'
20 
import useNearScreen from '@app/hooks/useNearScreen'
 20 
import useNearScreen from '@app/hooks/useNearScreen'
Línea 21... Línea 21...
21 
 
 21 
 
22 
const StyledChatContainer = styled.div`
 22 
const ChatContainer = styled.div`
23 
  background-color: var(--bg-color);
 23 
  background-color: var(--bg-color);
24 
  border-radius: var(--border-radius);
 24 
  border-radius: var(--border-radius);
25 
  border: 1px solid var(--border-primary);
 25 
  border: 1px solid var(--border-primary);
26 
  height: 80vh;
 26 
  height: 80vh;
Línea 153... Línea 153...
153 
  &:focus {
 153 
  &:focus {
154 
    background: var(--bg-color-secondary);
 154 
    background: var(--bg-color-secondary);
155 
  }
 155 
  }
156 
`
 156 
`
Línea 157... Línea -...
157 
 
 - 
 
158 
const StyledLoader = styled(LoaderContainer)`
 - 
 
159 
  max-height: 50px;
 - 
 
160 
  max-width: 50px;
 - 
 
161 
`
 - 
 
162 
 
 157 
 
163 
function messageAreEqual(oldProps, newProps) {
 158 
function messageAreEqual(oldProps, newProps) {
164 
  return oldProps.message.id
 159 
  return oldProps.message.id
165 
    ? oldProps.message.id === newProps.message.id
 160 
    ? oldProps.message.id === newProps.message.id
166 
    : oldProps.message.uuid === newProps.message.uuid
 161 
    : oldProps.message.uuid === newProps.message.uuid
Línea 167... Línea -...
167 
}
 - 
 
168 
 
 - 
 
169 
const Chat = ({ children }) => {
 - 
 
170 
  return <StyledChatContainer>{children}</StyledChatContainer>
 - 
 
171 
}
 162 
}
172 
 
 163 
 
173 
const Header = ({ children, options = [], onClose }) => {
 164 
const Header = ({ children, options = [], onClose }) => {
174 
  return (
 165 
  return (
175 
    <StyledChatHeader>
 166 
    <StyledChatHeader>
Línea 211... Línea 202...
211 
      {messages.map((message) => (
 202 
      {messages.map((message) => (
212 
        <List.Message message={message} key={message.id} />
 203 
        <List.Message message={message} key={message.id} />
213 
      ))}
 204 
      ))}
214 
      <span ref={ref}>.</span>
 205 
      <span ref={ref}>.</span>
215 
      {loading && (
 206 
      {loading && (
216 
        <StyledLoader>
 207 
        <LoaderContainer>
217 
          <Spinner />
 208 
          <Spinner />
218 
        </StyledLoader>
 209 
        </LoaderContainer>
219 
      )}
 210 
      )}
220 
    </StyledMessageList>
 211 
    </StyledMessageList>
221 
  )
 212 
  )
222 
}
 213 
}
Línea 365... Línea 356...
365 
      />
 356 
      />
366 
    </>
 357 
    </>
367 
  )
 358 
  )
368 
}
 359 
}
Línea 369... Línea 360...
369 
 
 360 
 
370 
Chat.Header = Header
 361 
ChatContainer.Header = Header
371 
Chat.Title = Title
 362 
ChatContainer.Title = Title
372 
Chat.List = List
 363 
ChatContainer.List = List
373 
List.Message = Message
 364 
List.Message = Message
Línea 374... Línea 365...
374 
Chat.SubmitForm = SubmitForm
 365 
ChatContainer.SubmitForm = SubmitForm