From 866c43b2cb3849cb97c2d0bb4c50ac3d8fccdc9c Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Tue, 5 Dec 2017 01:22:22 -0800
Subject: [PATCH] Fixed React warnings

---
 app/components/Collaborators/Collaborators.js     |  4 ++--
 app/components/DocumentPreview/DocumentPreview.js |  8 ++++----
 app/scenes/Dashboard/Dashboard.js                 | 14 ++++++++++----
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/components/Collaborators/Collaborators.js b/app/components/Collaborators/Collaborators.js
index d7eaf16e..88b88cfb 100644
--- a/app/components/Collaborators/Collaborators.js
+++ b/app/components/Collaborators/Collaborators.js
@@ -29,8 +29,8 @@ const Collaborators = ({ document }: Props) => {
     <Avatars>
       <StyledTooltip tooltip={tooltip} placement="bottom">
         {collaborators.map(user => (
-          <AvatarWrapper>
-            <Avatar key={user.id} src={user.avatarUrl} />
+          <AvatarWrapper key={user.id}>
+            <Avatar src={user.avatarUrl} />
           </AvatarWrapper>
         ))}
       </StyledTooltip>
diff --git a/app/components/DocumentPreview/DocumentPreview.js b/app/components/DocumentPreview/DocumentPreview.js
index 244162aa..ae7e089c 100644
--- a/app/components/DocumentPreview/DocumentPreview.js
+++ b/app/components/DocumentPreview/DocumentPreview.js
@@ -98,13 +98,13 @@ class DocumentPreview extends Component {
         <h3>
           <Highlight text={document.title} highlight={highlight} />
           {document.starred ? (
-            <a onClick={this.unstar}>
+            <span onClick={this.unstar}>
               <StyledStar solid />
-            </a>
+            </span>
           ) : (
-            <a onClick={this.star}>
+            <span onClick={this.star}>
               <StyledStar />
-            </a>
+            </span>
           )}
         </h3>
         <PublishingInfo
diff --git a/app/scenes/Dashboard/Dashboard.js b/app/scenes/Dashboard/Dashboard.js
index 1eb9d07f..5a410969 100644
--- a/app/scenes/Dashboard/Dashboard.js
+++ b/app/scenes/Dashboard/Dashboard.js
@@ -45,12 +45,18 @@ class Dashboard extends Component {
         {showContent ? (
           <span>
             {hasRecentlyViewed && [
-              <Subheading>Recently viewed</Subheading>,
-              <DocumentList documents={documents.recentlyViewed} />,
+              <Subheading key="viewed">Recently viewed</Subheading>,
+              <DocumentList
+                key="viewedDocuments"
+                documents={documents.recentlyViewed}
+              />,
             ]}
             {hasRecentlyEdited && [
-              <Subheading>Recently edited</Subheading>,
-              <DocumentList documents={documents.recentlyEdited} />,
+              <Subheading key="edited">Recently edited</Subheading>,
+              <DocumentList
+                key="editedDocuments"
+                documents={documents.recentlyEdited}
+              />,
             ]}
           </span>
         ) : (