azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 1.96 kB
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import{Link}from"../../Link";import*as Resources from"../../Resources.Persona";import{css}from"../../Util";const ContactCardContactLine=e=>{var{content:e,label:t,link:a,padTop:c}=e;return React.createElement("div",{className:"flex-column scroll-hidden"},React.createElement("div",{className:css("bolt-identity-contact-card-line flex-row flex-grow",c&&"bolt-identity-contact-card-line-top")},React.createElement("div",{className:"bolt-identity-contact-card-span-label flex-noshrink"},t),React.createElement("div",{className:"bolt-identity-contact-card-span-content flex-grow flex-row"},a&&e&&React.createElement(Link,{className:"flex-row text-ellipsis",href:a},e),!a&&e)))},ContactCard=e=>{e=e.identity;return React.createElement("div",{className:"bolt-bolt-identity-contact-card-organization-card-wrapper flex-column scroll-hidden"},React.createElement("div",{className:"bolt-identity-contact-card-header-wrapper"},React.createElement("div",{className:"body-m"},Resources.IdentityCardContactInfo)),React.createElement("div",{className:"bolt-identity-contact-card-info-wrapper flex-column flex-grow body-s"},React.createElement(ContactCardContactLine,{label:Resources.IdentityCardEmail,content:e.mail,link:"mailto:"+e.mail}),React.createElement(ContactCardContactLine,{content:e.telephoneNumber,label:Resources.IdentityCardPhoneNumber,link:"mailto:"+e.telephoneNumber}),React.createElement(ContactCardContactLine,{label:Resources.IdentityCardLocation,content:e.physicalDeliveryOfficeName}),React.createElement(ContactCardContactLine,{label:Resources.IdentityCardTitle,content:e.jobTitle,padTop:!0}),React.createElement(ContactCardContactLine,{label:Resources.IdentityCardDepartment,content:e.department}),React.createElement(ContactCardContactLine,{label:Resources.IdentityCardAlias,content:e.mailNickname})))};export{ContactCardContactLine,ContactCard};