Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 42 Rev 43
Línea 5... Línea 5...
5 
import styled from "styled-components";
 5 
import styled from "styled-components";
Línea 6... Línea 6...
6 
 
 6 
 
7 
import EmptySection from "../../UI/EmptySection";
 7 
import EmptySection from "../../UI/EmptySection";
Línea -... Línea 8...
- 
 
 8 
import WidgetLayout from "../WidgetLayout";
- 
 
 9 
 
8 
import WidgetLayout from "../WidgetLayout";
 10 
import { device } from "../../../styles/MediaQueries";
9 
 
 11 
 
10 
const StyledContainer = styled(WidgetLayout)`
 12 
const StyledContainer = styled(WidgetLayout)`
11 
  .header {
 13 
  .widget-header {
12 
    align-items: center;
 14 
    align-items: center;
13 
    display: flex;
 15 
    display: flex;
14 
    justify-content: space-between;
 16 
    justify-content: space-between;
15 
    padding: 1rem;
 17 
    padding: 1rem;
16 
    span {
 18 
    span {
17 
      cursor: pointer;
 19 
      cursor: pointer;
- 
 
 20 
    }
Línea 18... Línea 21...
18 
    }
 21 
  }
19 
  }
 22 
`;
20 
 
 23 
 
21 
  & > .suggest-list {
 24 
const StyledSuggestList = styled.div`
22 
    max-height: 265px;
 25 
  max-height: 265px;
23 
    overflow: auto;
 26 
  overflow: auto;
24 
    width: 100%;
 - 
 
25 
    display: flex;
 27 
  width: 100%;
26 
    flex-direction: row;
 28 
  display: flex;
27 
 
 - 
 
28 
    @include mixins.for-size(tablet-landscape) {
 29 
  flex-direction: row;
29 
      flex-direction: column;
 30 
  @media ${device.tabletL} {
30 
 
 - 
 
31 
      &::-webkit-scrollbar-thumb {
 31 
    flex-direction: column;
32 
        visibility: visible;
 32 
    &::-webkit-scrollbar-thumb {
33 
      }
 33 
      visibility: visible;
Línea 34... Línea 34...
34 
    }
 34 
    }
Línea 86... Línea 86...
86 
    getSuggestion();
 86 
    getSuggestion();
87 
  }, []);
 87 
  }, []);
Línea 88... Línea 88...
88 
 
 88 
 
89 
  return (
 89 
  return (
90 
    <StyledContainer>
 90 
    <StyledContainer>
91 
      <div className="header">
 91 
      <div className="widget-header">
92 
        <h3>{`${labels.connect_with}:`}</h3>
 92 
        <h3>{`${labels.connect_with}:`}</h3>
93 
        {peopleYouMayKnow.length >= 4 && (
 93 
        {peopleYouMayKnow.length >= 4 && (
94 
          <span onClick={() => setLookMore(!lookMore)}>
 94 
          <span onClick={() => setLookMore(!lookMore)}>
95 
            {lookMore ? labels.view_less : labels.view_more}
 95 
            {lookMore ? labels.view_less : labels.view_more}
96 
          </span>
 96 
          </span>
97 
        )}
 97 
        )}
98 
      </div>
 98 
      </div>
99 
      <div className="suggest-list">
 99 
      <StyledSuggestList>
100 
        {peopleYouMayKnow.length ? (
 100 
        {peopleYouMayKnow.length ? (
101 
          dataSlice().map(
 101 
          dataSlice().map(
102 
            ({ id, image, link_cancel, link_request, name, profile }) => (
 102 
            ({ id, image, link_cancel, link_request, name, profile }) => (
103 
              <div className="user" key={id}>
 103 
              <div className="user" key={id}>
Línea 130... Línea 130...
130 
            )
 130 
            )
131 
          )
 131 
          )
132 
        ) : (
 132 
        ) : (
133 
          <EmptySection align="left" message={labels?.datatable_empty} />
 133 
          <EmptySection align="left" message={labels?.datatable_empty} />
134 
        )}
 134 
        )}
135 
      </div>
 135 
      </StyledSuggestList>
136 
    </StyledContainer>
 136 
    </StyledContainer>
137 
  );
 137 
  );
138 
};
 138 
};
Línea 139... Línea 139...
139 
 
 139