azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 1.25 kB
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import*as Resources from"../../Resources.Persona";import{Button}from"../../Button";import{Icon}from"../../Icon";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";class IdentityCardHeaderElement extends React.Component{constructor(){super(...arguments),this.personaElement=React.createRef()}componentDidMount(){this.setFocus()}componentDidUpdate(){this.setFocus()}render(){var e=this.props["identity"];return e?React.createElement("div",{className:"flex-row scroll-hidden"},React.createElement(Button,{className:"bolt-identity-card-go-back-wrapper flex-row flex-grow scroll-hidden",onClick:this.props.onClickFunction,"aria-label":Resources.IdentityCardHeaderButtonLabel,ref:this.personaElement,primary:!0},React.createElement(Icon,{iconName:"ChevronLeftMed"}),React.createElement(Persona,{className:"bolt-identity-card-go-back",size:PersonaSize.size24,identity:e}),React.createElement("div",{className:"bolt-identity-card-name text-ellipsis"},e.displayName))):React.createElement("div",null)}setFocus(){this.personaElement.current&&this.personaElement.current.focus()}}export{IdentityCardHeaderElement};