Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 611 Rev 613
Línea 19... Línea 19...
19 
  background: rgba(255, 255, 255, 0.4);
 19 
  background: rgba(255, 255, 255, 0.4);
20 
  place-items: center;
 20 
  place-items: center;
21 
  z-index: 50;
 21 
  z-index: 50;
22 
`
 22 
`
Línea -... Línea 23...
- 
 
 23 
 
- 
 
 24 
const StyledItemContainer = styled(StyledContainer)`
- 
 
 25 
  display: flex;
- 
 
 26 
  flex-direction: column;
- 
 
 27 
  justify-content: center;
- 
 
 28 
  height: 100%;
- 
 
 29 
`
23 
 
 30 
 
24 
const StyledHeader = styled.div`
 31 
const StyledHeader = styled.div`
25 
  align-items: center;
 32 
  align-items: center;
26 
  display: flex;
 33 
  display: flex;
27 
  gap: 0.5rem;
 34 
  gap: 0.5rem;
Línea 199... Línea 206...
199 
    { label: 'Personificar', url: link_impersonate, color: 'tertiary' }
 206 
    { label: 'Personificar', url: link_impersonate, color: 'tertiary' }
200 
  ]
 207 
  ]
Línea 201... Línea 208...
201 
 
 208 
 
202 
  return (
 209 
  return (
203 
    <>
 210 
    <>
204 
      <StyledContainer>
 211 
      <StyledItemContainer>
205 
        <StyledHeader>
 212 
        <StyledHeader>
206 
          {image && <StyledAvatar src={image} alt={`${name} image`} />}
 213 
          {image && <StyledAvatar src={image} alt={`${name} image`} />}
207 
          <StyledContent>
 214 
          <StyledContent>
208 
            <h2>{name}</h2>
 215 
            <h2>{name}</h2>
Línea 235... Línea 242...
235 
                )}
 242 
                )}
236 
              </ul>
 243 
              </ul>
237 
            )}
 244 
            )}
238 
          </StyledContent>
 245 
          </StyledContent>
239 
        </StyledHeader>
 246 
        </StyledHeader>
240 
        <StyledContainer.Actions>
 247 
        <StyledItemContainer.Actions>
241 
          {linksOptions.map(({ label, url }) => {
 248 
          {linksOptions.map(({ label, url }) => {
242 
            const breakOptions = [link_view, link_edit, link_inmail]
 249 
            const breakOptions = [link_view, link_edit, link_inmail]
Línea 243... Línea 250...
243 
 
 250 
 
244 
            if (!url) {
 251 
            if (!url) {
Línea 278... Línea 285...
278 
              >
 285 
              >
279 
                {label}
 286 
                {label}
280 
              </button>
 287 
              </button>
281 
            )
 288 
            )
282 
          })}
 289 
          })}
283 
        </StyledContainer.Actions>
 290 
        </StyledItemContainer.Actions>
284 
        {loading && (
 291 
        {loading && (
285 
          <StyledSpinnerContainer>
 292 
          <StyledSpinnerContainer>
286 
            <Spinner />
 293 
            <Spinner />
287 
          </StyledSpinnerContainer>
 294 
          </StyledSpinnerContainer>
288 
        )}
 295 
        )}
289 
      </StyledContainer>
 296 
      </StyledItemContainer>
290 
      <ConfirmModal
 297 
      <ConfirmModal
291 
        show={isShowConfirmation}
 298 
        show={isShowConfirmation}
292 
        onClose={() => closeConfirm()}
 299 
        onClose={() => closeConfirm()}
293 
        onAccept={() => onConfirm(confirmUrl.current)}
 300 
        onAccept={() => onConfirm(confirmUrl.current)}
294 
      />
 301 
      />