Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
{accounts.map(account => (
<div>
<div style="{{color:"> connected.switchAccount(account.id)}
onContextMenu={preventFocus(event => {
const isAtLeastAdmin = ['z.team.TeamRole.ROLE.OWNER', 'z.team.TeamRole.ROLE.ADMIN'].includes(
account.teamRole || ''
);
const center = centerOfEventTarget(event as any);
connected.toggleEditAccountMenuVisibility(
center.x,
center.y,
account.id,
account.sessionID,
account.lifecycle,
isAtLeastAdmin
);
})}</div></div>
const PersonalIcon: React.SFC = ({account, accentID, onClick}) => (
<div data-uie-value="{account.name}" data-uie-name="item-team" title="{account.name}">
{account.visible && (
<div style="{{borderColor:">
)}
<div>{account.picture && <img src="{account.picture}">}</div>
</div>
);
</div>
const TeamIcon: React.SFC = ({account, accentID}) => (
<div data-uie-value="{account.name}" data-uie-name="item-team" title="{account.name}">
{account.visible && (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38" height="38" width="38" style="{{fill:">
<path d="M22.706 1.82l9.52 5.375C34.444 8.445 36 11.112 36 13.655v10.69c0 2.546-1.553 5.207-3.773 6.46l-9.52 5.375c-2.183 1.233-5.228 1.234-7.413 0l-9.52-5.375C3.556 29.555 2 26.888 2 24.345v-10.69c0-2.546 1.553-5.207 3.773-6.46l9.52-5.375c2.183-1.233 5.228-1.234 7.413 0zm-6.43 1.74l-9.52 5.376C5.164 9.836 4 11.83 4 13.656v10.69c0 1.82 1.168 3.82 2.756 4.718l9.52 5.375c1.575.888 3.875.887 5.447 0l9.52-5.376c1.593-.9 2.757-2.894 2.757-4.72v-10.69c0-1.82-1.168-3.82-2.756-4.718l-9.52-5.375c-1.575-.888-3.875-.887-5.447 0z"></path>
</svg>
)}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38" height="38" width="38">
<path d="M17.26 5.303c.96-.543 2.514-.545 3.48 0l9.52 5.375c.96.542 1.74 1.878 1.74 2.977v10.69c0 1.102-.774 2.432-1.74 2.977l-9.52 5.375c-.96.543-2.514.545-3.48 0l-9.52-5.375C6.78 26.78 6 25.444 6 24.345v-10.69c0-1.102.774-2.432 1.74-2.977l9.52-5.375z"></path></svg></div>