From 288f6bfcdbd23fdb4e221750e4e651d5a9d7d054 Mon Sep 17 00:00:00 2001
From: Halla Moore <halla@nylas.com>
Date: Wed, 1 Feb 2017 14:05:31 -0800
Subject: [PATCH] fix(SyncActivity): Add keys to ellipsis components

Summary: Just a quick fix to remove the warning in the console

Test Plan: manual

Reviewers: mark

Reviewed By: mark

Differential Revision: https://phab.nylas.com/D3823
---
 internal_packages/notifications/lib/sidebar/sync-activity.jsx | 4 +++-
 .../notifications/lib/sidebar/syncback-activity.jsx           | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/internal_packages/notifications/lib/sidebar/sync-activity.jsx b/internal_packages/notifications/lib/sidebar/sync-activity.jsx
index d413751bb..8a39c836e 100644
--- a/internal_packages/notifications/lib/sidebar/sync-activity.jsx
+++ b/internal_packages/notifications/lib/sidebar/sync-activity.jsx
@@ -83,7 +83,9 @@ export default class SyncActivity extends React.Component {
       'blink': this.state.blink,
     });
 
-    const ellipses = [1, 2, 3].map((i) => <span className={`ellipsis${i}`}>.</span>);
+    const ellipses = [1, 2, 3].map((i) => (
+      <span key={`ellipsis${i}`} className={`ellipsis${i}`}>.</span>)
+    );
 
     return (
       <div
diff --git a/internal_packages/notifications/lib/sidebar/syncback-activity.jsx b/internal_packages/notifications/lib/sidebar/syncback-activity.jsx
index a305f1190..88fac2eea 100644
--- a/internal_packages/notifications/lib/sidebar/syncback-activity.jsx
+++ b/internal_packages/notifications/lib/sidebar/syncback-activity.jsx
@@ -25,7 +25,9 @@ export default class SyncbackActivity extends React.Component {
       counts[label] += +task.numberOfImpactedItems()
     });
 
-    const ellipses = [1, 2, 3].map((i) => <span className={`ellipsis${i}`}>.</span>);
+    const ellipses = [1, 2, 3].map((i) => (
+      <span key={`ellipsis${i}`} className={`ellipsis${i}`}>.</span>)
+    );
 
     const items = _.pairs(counts).map(([label, count]) => {
       return (