Fix emoji display in the profile selector (#2815)

FreeTubeApp · Nov 4, 2022 · 27992e4 · 27992e4
1 parent 6b0724f
commit 27992e4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/renderer/components/ft-profile-selector/ft-profile-selector.js b/src/renderer/components/ft-profile-selector/ft-profile-selector.js
@@ -28,11 +28,12 @@ export default Vue.extend({
       return this.$store.getters.getDefaultProfile
     },
     activeProfileInitial: function () {
-      return this.activeProfile?.name?.length > 0 ? this.activeProfile.name[0].toUpperCase() : ''
+      // use Array.from, so that emojis don't get split up into individual character codes
+      return this.activeProfile?.name?.length > 0 ? Array.from(this.activeProfile.name)[0].toUpperCase() : ''
     },
     profileInitials: function () {
       return this.profileList.map((profile) => {
-        return profile?.name?.length > 0 ? profile.name[0].toUpperCase() : ''
+        return profile?.name?.length > 0 ? Array.from(profile.name)[0].toUpperCase() : ''
       })
     }
   },