From 2ea5ad68a50095302c8142cdf010f04cd3be63f6 Mon Sep 17 00:00:00 2001
From: virtuacoplenny <leonard.h.kim@gmail.com>
Date: Thu, 21 Dec 2017 11:36:00 -0800
Subject: [PATCH] feat(avatars): use initials service for getting images
 (#2312)

* feat(avatars): use initial service for getting images

* squash: capitalize and minor refactor of string concat
---
 react/features/base/participants/functions.js | 33 ++++++++++++++++---
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/react/features/base/participants/functions.js b/react/features/base/participants/functions.js
index bf0a1fa08..658305bc6 100644
--- a/react/features/base/participants/functions.js
+++ b/react/features/base/participants/functions.js
@@ -24,11 +24,12 @@ declare var interfaceConfig: Object;
  * @returns {string} The URL of the image for the avatar of the specified
  * participant.
  */
-export function getAvatarURL({ avatarID, avatarURL, email, id }: {
+export function getAvatarURL({ avatarID, avatarURL, email, id, name }: {
         avatarID: string,
         avatarURL: string,
         email: string,
-        id: string
+        id: string,
+        name: string
 }) {
     // If disableThirdPartyRequests disables third-party avatar services, we are
     // restricted to a stock image of ours.
@@ -68,9 +69,8 @@ export function getAvatarURL({ avatarID, avatarURL, email, id }: {
         if (urlPrefix) {
             urlSuffix = interfaceConfig.RANDOM_AVATAR_URL_SUFFIX;
         } else {
-            // Otherwise, use a default (meeples, of course).
-            urlPrefix = 'https://abotars.jitsi.net/meeple/';
-            urlSuffix = '';
+            urlPrefix = 'https://avatar-cdn.jitsi.net/';
+            urlSuffix = `/${_getInitials(name) || ' '}/200/avatar.png`;
         }
     }
 
@@ -223,3 +223,26 @@ function _getAllParticipants(stateful) {
             ? stateful
             : toState(stateful)['features/base/participants'] || []);
 }
+
+/**
+ * Gets the initials from a name, assuming a westernized name.
+ *
+ * @param {string} name - The name from which to parse initials.
+ * @private
+ * @returns {string}
+ */
+function _getInitials(name) {
+    if (!name) {
+        return '';
+    }
+
+    const nameParts = name.toUpperCase().split(' ');
+    const firstName = nameParts[0];
+    let initials = firstName[0];
+
+    if (nameParts.length > 1) {
+        initials += nameParts[nameParts.length - 1];
+    }
+
+    return initials;
+}