Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 607 Rev 611
Línea 23... Línea 23...
23 
 
 23 
 
24 
const StyledHeader = styled.div`
 24 
const StyledHeader = styled.div`
25 
  align-items: center;
 25 
  align-items: center;
26 
  display: flex;
 26 
  display: flex;
- 
 
 27 
  gap: 0.5rem;
27 
  gap: 0.5rem;
 28 
  justify-content: center;
28 
  position: relative;
 29 
  position: relative;
29 
  padding: 5px 1rem;
 30 
  padding: 5px 1rem;
Línea -... Línea 31...
- 
 
 31 
`
- 
 
 32 
 
- 
 
 33 
const StyledContent = styled.div`
- 
 
 34 
  display: flex;
- 
 
 35 
  flex-direction: column;
- 
 
 36 
  text-align: center;
- 
 
 37 
  ul{
- 
 
 38 
    align-items: center;
- 
 
 39 
    display: flex;
- 
 
 40 
    flex-direction: column;
- 
 
 41 
    justify-content: center;
- 
 
 42 
  }
30 
`
 43 
`
31 
 
 44 
 
32 
const StyledAvatar = styled(Avatar)`
 45 
const StyledAvatar = styled(Avatar)`
33 
  height: 60px;
 46 
  height: 60px;
Línea 189... Línea 202...
189 
  return (
 202 
  return (
190 
    <>
 203 
    <>
191 
      <StyledContainer>
 204 
      <StyledContainer>
192 
        <StyledHeader>
 205 
        <StyledHeader>
193 
          {image && <StyledAvatar src={image} alt={`${name} image`} />}
 206 
          {image && <StyledAvatar src={image} alt={`${name} image`} />}
194 
          <div>
 207 
          <StyledContent>
195 
            <h3>{name}</h3>
 208 
            <h2>{name}</h2>
196 
            {isTopData && email && <h4>{email}</h4>}
 209 
            {isTopData && email && <h4>{email}</h4>}
197 
            {network && <h4>{network}</h4>}
 210 
            {network && <span>{network}</span>}
198 
            {status && <h4>{status}</h4>}
 211 
            {status && <span>{status}</span>}
199 
            {isTopData && (
 212 
            {isTopData && (
200 
              <ul>
 213 
              <ul>
201 
                {link_view && (
 214 
                {link_view && (
202 
                  <li>
 215 
                  <li>
203 
                    <Link
 216 
                    <Link
Línea 220... Línea 233...
220 
                    </Link>
 233 
                    </Link>
221 
                  </li>
 234 
                  </li>
222 
                )}
 235 
                )}
223 
              </ul>
 236 
              </ul>
224 
            )}
 237 
            )}
225 
          </div>
 238 
          </StyledContent>
226 
        </StyledHeader>
 239 
        </StyledHeader>
227 
        <StyledContainer.Actions>
 240 
        <StyledContainer.Actions>
228 
          {linksOptions.map(({ label, url, color }) => {
 241 
          {linksOptions.map(({ label, url }) => {
229 
            const breakOptions = [link_view, link_edit, link_inmail]
 242 
            const breakOptions = [link_view, link_edit, link_inmail]
Línea 230... Línea 243...
230 
 
 243 
 
231 
            if (!url) {
 244 
            if (!url) {
232 
              return null
 245 
              return null