azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 1.79 kB
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./IdentityPickerSuggestionsList.css";import*as React from"react";import{Button}from"../../Button";import{Icon}from"../../Icon";import{Persona,PersonaSize}from"../../Persona";import*as Resources from"../../Resources.IdentityPicker";import{getSignInAddress,isGithubUser}from"../IdentityPickerDropdown/IdentityPickerUtils";import{IdentityType}from"../IdentityPickerDropdown/SharedIdentityPicker.Props";var renderNoIdentitiesFound=function(){return React.createElement("div",{className:"bolt-identitypickerdropdown-noresults flex-row flex-grow flex-center"},Resources.IdentityPickerNoResultsText)},renderSuggestionItem=function(e,t,r){var i=e.item,o=getSignInAddress(i);return React.createElement("div",{className:"bolt-picker-suggesteditem flex-row flex-grow flex-center text-ellipsis"},r&&e.item.entityType===IdentityType.Custom?r(e.item):React.createElement(React.Fragment,null,React.createElement(Persona,{className:"bolt-picker-persona text-ellipsis",identity:i,size:PersonaSize.size24}),React.createElement("div",{className:"bolt-picker-persona-name flex-column flex-grow"},i.displayName&&React.createElement("div",{className:"fontSizeM text-ellipsis"},i.displayName),""===o?void 0:React.createElement("div",{className:"flex-row"},isGithubUser(i)&&React.createElement(Icon,{className:"bolt-identitypicker-github-icon flex-row flex-center justify-center",iconName:"GitHubLogo"}),React.createElement("div",{className:"fontSize secondary-text text-ellipsis"},o))),!!t&&React.createElement(Button,{className:"bolt-contact-card",iconProps:{iconName:"ContactCard",className:"bolt-contactcard-button flex-shrink"},onClick:function(e){t&&t(i),e.preventDefault()},subtle:!0})))};export{renderNoIdentitiesFound,renderSuggestionItem};