Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7324 Rev 7325
Línea 11... Línea 11...
11 
import { Avatar, IconButton } from '@mui/material'
 11 
import { Avatar, IconButton } from '@mui/material'
12 
import { Add, ArrowBackIos } from '@mui/icons-material'
 12 
import { Add, ArrowBackIos } from '@mui/icons-material'
13 
import SearchInput from '../../UI/SearchInput'
 13 
import SearchInput from '../../UI/SearchInput'
Línea 14... Línea 14...
14 
 
 14 
 
- 
 
 15 
const StyledShowOptions = styled.div`
15 
const StyledShowOptions = styled.div`
 16 
  align-items: flex-start;
16 
  height: 342px;
 17 
  display: flex;
17 
  flex-direction: column;
 18 
  flex-direction: column;
18 
  gap: 0.5rem;
 19 
  height: 342px;
- 
 
 20 
  overflow-y: auto;
19 
  overflow-y: auto;
 21 
  ul {
- 
 
 22 
    width: 100%;
20 
  position: relative;
 23 
  }
21 
  &.show {
 24 
  &.show {
22 
    display: flex;
 25 
    display: flex;
23 
  }
 26 
  }
24 
  &.hide {
 27 
  &.hide {
Línea 29... Línea 32...
29 
    border-bottom: 1px solid #e2e2e2;
 32 
    border-bottom: 1px solid #e2e2e2;
30 
    cursor: pointer;
 33 
    cursor: pointer;
31 
    display: flex;
 34 
    display: flex;
32 
    gap: 0.5rem;
 35 
    gap: 0.5rem;
33 
    padding: 0.5rem;
 36 
    padding: 0.5rem;
- 
 
 37 
    width: 100%;
34 
    &:hover {
 38 
    &:hover {
35 
      background-color: #e2e2e2;
 39 
      background-color: #e2e2e2;
36 
    }
 40 
    }
37 
  }
 41 
  }
38 
  .contact-tab {
 42 
  .contact-tab {
Línea 47... Línea 51...
47 
      gap: 0.5rem;
 51 
      gap: 0.5rem;
48 
    }
 52 
    }
49 
  }
 53 
  }
50 
`
 54 
`
Línea 51... Línea 55...
51 
 
 55 
 
52 
const StyledComeBack = styled(IconButton)`
 56 
const StyledComeBackButton = styled(IconButton)`
53 
  border-radius: 0;
 57 
  border-radius: 0px !important;
- 
 
 58 
  font-size: 1rem !important;
54 
  font-size: 1rem;
 59 
  width: -webkit-fill-available;
55 
  flex-grow: 1;
 60 
  justify-content: flex-start !important;
Línea 56... Línea 61...
56 
`
 61 
`
57 
 
 62 
 
58 
const OPTIONS = {
 63 
const OPTIONS = {
Línea 484... Línea 489...
484 
          className="panel-body"
 489 
          className="panel-body"
485 
          style={{ display: !minimized ? 'block' : 'none' }}
 490 
          style={{ display: !minimized ? 'block' : 'none' }}
486 
        >
 491 
        >
487 
          {optionTab ? (
 492 
          {optionTab ? (
488 
            <StyledShowOptions>
 493 
            <StyledShowOptions>
- 
 
 494 
              <StyledComeBackButton
489 
              <StyledComeBack onClick={() => showOptions(OPTIONS.INITIAL)}>
 495 
                onClick={() => showOptions(OPTIONS.INITIAL)}
- 
 
 496 
              >
490 
                <ArrowBackIos />
 497 
                <ArrowBackIos />
491 
                {labels.back}
 498 
                {labels.back}
492 
              </StyledComeBack>
 499 
              </StyledComeBackButton>
493 
              <div className="optionsTab">{tabsOptions[optionTab]}</div>
 500 
              {tabsOptions[optionTab]}
494 
            </StyledShowOptions>
 501 
            </StyledShowOptions>
495 
          ) : (
 502 
          ) : (
496 
            <>
 503 
            <>
497 
              <ChatList
 504 
              <ChatList
498 
                messages={[...oldMessages, ...messages]}
 505 
                messages={[...oldMessages, ...messages]}