bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 16:23:44 +00:00
Code Issues Releases Wiki Activity

Add support for emojis in Avatar (#1074)

Browse Source
This commit is contained in:
Oscar Hinton
2021-07-08 16:54:11 +02:00
committed by GitHub
parent e1e2edf2e9
commit 7c9ebed93f
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
jslib

Submodule jslib updated: 119699b82c...75fff66f98

14
src/app/components/avatar.component.ts
View File

@@ -58,7 +58,12 @@ export class AvatarComponent implements OnChanges, OnInit {
chars = this.getFirstLetters(upperData, this.charCount); chars = this.getFirstLetters(upperData, this.charCount);
} }
if (chars == null) { if (chars == null) {
chars = upperData.substr(0, this.charCount); chars = this.unicodeSafeSubstring(upperData, this.charCount);
}
// If the chars contain an emoji, only show it.
if (chars.match(Utils.regexpEmojiPresentation)) {
chars = chars.match(Utils.regexpEmojiPresentation)[0];
} }
const charObj = this.getCharText(chars); const charObj = this.getCharText(chars);
@@ -91,7 +96,7 @@ export class AvatarComponent implements OnChanges, OnInit {
if (parts.length > 1) { if (parts.length > 1) {
let text = ''; let text = '';
for (let i = 0; i < count; i++) { for (let i = 0; i < count; i++) {
text += parts[i].substr(0, 1); text += this.unicodeSafeSubstring(parts[i], 1);
} }
return text; return text;
} }
@@ -125,4 +130,9 @@ export class AvatarComponent implements OnChanges, OnInit {
textTag.style.fontSize = this.fontSize + 'px'; textTag.style.fontSize = this.fontSize + 'px';
return textTag; return textTag;
} }
private unicodeSafeSubstring(str: string, count: number) {
const characters = str.match(/./ug);
return characters != null ? characters.slice(0, count).join('') : '';
}
} }