UNPKG

azure-devops-ui

Version:

React components for building web UI in Azure DevOps

1 lines 2 kB
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";var ContactCardContactLine=function(e){var t=e.content,a=e.label,c=e.link,e=e.padTop;return React.createElement("div",{className:"flex-column scroll-hidden"},React.createElement("div",{className:css("bolt-identity-contact-card-line flex-row flex-grow",e&&"bolt-identity-contact-card-line-top")},React.createElement("div",{className:"bolt-identity-contact-card-span-label flex-noshrink"},a),React.createElement("div",{className:"bolt-identity-contact-card-span-content flex-grow flex-row"},c&&t&&React.createElement(Link,{className:"flex-row text-ellipsis",href:c},t),!c&&t)))},ContactCard=function(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:".concat(e.mail)}),React.createElement(ContactCardContactLine,{content:e.telephoneNumber,label:Resources.IdentityCardPhoneNumber,link:"mailto:".concat(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};