azure-devops-ui/Components/IdentityCard/ServicePrincipalCard.min.js

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import{css}from"../../Util";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";import{CardContactLine}from"./CardContactLine";class ServicePrincipalCard extends React.Component{constructor(){super(...arguments),this.contactButtonRef=React.createRef()}componentDidMount(){this.contactButtonRef.current&&this.contactButtonRef.current.focus()}render(){var e=this.props["identity"],{displayName:e,mail:t,originId:a}=e;return React.createElement("div",{className:css("bolt-identity-card-content flex-column scroll-hidden","bolt-identity-default-card-without-header")},React.createElement("div",{className:"flex-row"},React.createElement(Persona,{className:"bolt-identity-card-persona-main",size:PersonaSize.size72,identity:this.props.identity}),React.createElement("div",{className:"flex-column flex-grow bolt-identity-card-name scroll-hidden"},React.createElement("div",{className:"word-wrap title-s"},e),React.createElement("div",{className:"word-wrap"},t))),React.createElement("div",{className:"flex-column scroll-hidden"},React.createElement("div",{className:"bolt-identity-default-card-info-wrapper "},React.createElement("hr",{className:"bolt-identity-card-hr"}),React.createElement("div",{className:"bolt-identity-default-card-contact-info-container flex-column scroll-hidden"},a&&React.createElement(CardContactLine,{iconName:"ContactCard",content:a})))))}}export{ServicePrincipalCard};