azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 1.22 kB
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import{FocusZoneContext}from"../../FocusZone";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";const DefaultSimpleCard=t=>{const a={imageUrl:t.identity.image,primaryText:t.identity.displayName,secondaryText:t.identity.scopeName&&t.identity.signInAddress?t.identity.scopeName+"\\"+t.identity.signInAddress:t.identity.signInAddress||""};return React.createElement(FocusZoneContext.Consumer,null,e=>React.createElement("div",{className:"bolt-identity-default-card-simple bolt-identity-card-content flex-row scroll-hidden"},React.createElement("div",{className:"flex-row flex-grow"},React.createElement(Persona,{className:"bolt-identity-card-persona-main",identity:t.identity,size:PersonaSize.size72}),React.createElement("div",{className:"bolt-identity-card-persona-text flex-column flex-grow"},React.createElement("div",{className:"primary-text flex-row title-s",tabIndex:0,"data-focuszone":e.focuszoneId},a.primaryText),""===a.secondaryText?void 0:React.createElement("div",{className:"secondary-text flex-row body-l"},a.secondaryText)))))};export{DefaultSimpleCard};