From 47cfb259847e2c40b54a7f7f67088cf790caceb9 Mon Sep 17 00:00:00 2001
From: dillon <dillon@nylas.com>
Date: Tue, 8 Sep 2015 10:48:02 -0700
Subject: [PATCH] fix(account-sidebar): fall back on provider icon if fetching
 user gravatar fails. fixes T3497.

Summary: simple markup & styles fix

Test Plan: tested manually. all tests still green.

Reviewers: bengotow

Maniphest Tasks: T3497

Differential Revision: https://phab.nylas.com/D1993
---
 internal_packages/account-sidebar/lib/account-switcher.cjsx   | 4 +++-
 .../account-sidebar/stylesheets/account-sidebar.less          | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/internal_packages/account-sidebar/lib/account-switcher.cjsx b/internal_packages/account-sidebar/lib/account-switcher.cjsx
index 368289a58..e8bcfde40 100644
--- a/internal_packages/account-sidebar/lib/account-switcher.cjsx
+++ b/internal_packages/account-sidebar/lib/account-switcher.cjsx
@@ -42,8 +42,10 @@ class AccountSwitcher extends React.Component
         'account': true
         'active': account is @state.account
 
+      gravatarUrl = "http://www.gravatar.com/avatar/#{hash}?d=blank&s=44"
+
       <div title={account.emailAddress} className={classnames} key={account.id} onClick={ => @_onSwitchAccount(account) }>
-        <img src="http://www.gravatar.com/avatar/#{hash}?d=blank&s=88" className="gravatar" />
+        <div style={backgroundImage: "url(#{gravatarUrl})"} className="gravatar"></div>
         <RetinaImg name={"ic-settings-account-#{account.provider}.png"}
                    style={width: 44, height: 44}
                    fallback="ic-settings-account-imap.png"
diff --git a/internal_packages/account-sidebar/stylesheets/account-sidebar.less b/internal_packages/account-sidebar/stylesheets/account-sidebar.less
index 93318cc7d..1598e346c 100644
--- a/internal_packages/account-sidebar/stylesheets/account-sidebar.less
+++ b/internal_packages/account-sidebar/stylesheets/account-sidebar.less
@@ -14,7 +14,7 @@
     img {
       -webkit-filter: ~"saturate(0%)";
     }
-    img.gravatar {
+    .gravatar {
       width: 44px;
       height: 44px;
       position: absolute;