Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 855 Rev 856
Línea 26... Línea 26...
26 
  display: flex;
 26 
  display: flex;
27 
  flex-direction: column;
 27 
  flex-direction: column;
28 
  gap: 0.5rem;
 28 
  gap: 0.5rem;
29 
  overflow-y: auto;
 29 
  overflow-y: auto;
30 
  height: 0;
 30 
  height: 0;
31 
  max-height: 250px;
 31 
  max-height: 210px;
32 
  transition: all 0.2s ease-in-out;
 32 
  transition: all 0.2s ease-in-out;
33 
  ${(props) =>
 33 
  ${(props) =>
34 
    props.show &&
 34 
    props.show &&
35 
    css`
 35 
    css`
36 
      height: auto;
 36 
      height: auto;
37 
    `}
 37 
    `}
38 
`
 38 
`
Línea -... Línea 39...
- 
 
 39 
 
- 
 
 40 
const HelperListItem = styled.div`
- 
 
 41 
  padding: 5px 10px;
- 
 
 42 
  display: flex;
- 
 
 43 
  align-items: center;
- 
 
 44 
  gap: 0.5rem;
- 
 
 45 
  border-radius: ${(props) => props.theme.border.radius};
- 
 
 46 
  &:hover {
- 
 
 47 
    background-color: rgba(0, 0, 0, 0.08);
- 
 
 48 
  }
- 
 
 49 
`
39 
 
 50 
 
40 
const Groups = () => {
 51 
const Groups = () => {
Línea 41... Línea 52...
41 
  const labels = useSelector(({ intl }) => intl.labels)
 52 
  const labels = useSelector(({ intl }) => intl.labels)
42 
 
 53 
 
Línea 102... Línea 113...
102 
 
 113 
 
103 
      <HelperList show={displayMenu}>
 114 
      <HelperList show={displayMenu}>
104 
        {widgetData.length ? (
 115 
        {widgetData.length ? (
105 
          dataSlice().map(({ id, name, profile, image }) => (
 116 
          dataSlice().map(({ id, name, profile, image }) => (
106 
            <li key={id}>
 - 
 
107 
              <Link
 117 
            <li key={id}>
108 
                to={profile}
 118 
              <Link to={profile} target='secondary'>
109 
                className='helper__list-item'
 - 
 
110 
                target='secondary'
 - 
 
111 
              >
 119 
                <HelperListItem>
112 
                <Avatar
 120 
                  <Avatar
113 
                  src={image}
 121 
                    src={image}
114 
                  alt={`${name} group image`}
 122 
                    alt={`${name} group image`}
115 
                  sx={{ width: '40px', height: '40px' }}
 123 
                    sx={{ width: '40px', height: '40px' }}
116 
                />
 124 
                  />
- 
 
 125 
                  <span>{name}</span>
117 
                <span>{name}</span>
 126 
                </HelperListItem>
118 
              </Link>
 127 
              </Link>
119 
            </li>
 128 
            </li>
120 
          ))
 129 
          ))
121 
        ) : (
 130 
        ) : (
122 
          <EmptySection message={labels.datatable_empty} />
 131 
          <EmptySection message={labels.datatable_empty} />
Línea 123... Línea 132...
123 
        )}
 132 
        )}
124 
 
 133 
 
- 
 
 134 
        {widgetData.length > 3 && (
125 
        {widgetData.length >= 3 && (
 135 
          <li>
126 
          <li
 136 
            <HelperListItem
127 
            className='helper__list-item justify-content-center cursor-pointer py-2'
 137 
              className='justify-content-center cursor-pointer'
128 
            onClick={() => setLookMore(!lookMore)}
 138 
              onClick={() => setLookMore(!lookMore)}
- 
 
 139 
            >
129 
          >
 140 
              <span>{lookMore ? labels.view_less : labels.view_more}</span>
130 
            <span>{lookMore ? labels.view_less : labels.view_more}</span>
 141 
            </HelperListItem>
131 
          </li>
 142 
          </li>
132 
        )}
 143 
        )}
133 
      </HelperList>
 144 
      </HelperList>