From 4edec81a0fe3d22a58b998f8e0f97a6db276af86 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Fri, 24 Aug 2018 21:35:02 -0700
Subject: [PATCH] fix incorrect autocomplete avatars (#487)

fixes #486
---
 .../compose/ComposeAutosuggestionList.html          | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/routes/_components/compose/ComposeAutosuggestionList.html b/routes/_components/compose/ComposeAutosuggestionList.html
index 34f94b880..23cd7e89e 100644
--- a/routes/_components/compose/ComposeAutosuggestionList.html
+++ b/routes/_components/compose/ComposeAutosuggestionList.html
@@ -1,16 +1,17 @@
 <ul class="compose-autosuggest-list">
-  {#each items as item, i}
+  {#each items as item, i (item.shortcode ? `emoji-${item.shortcode}` : `account-${item.id}`)}
   <li class="compose-autosuggest-list-item">
     <button class="compose-autosuggest-list-button {i === selected ? 'selected' : ''}"
             tabindex="0"
             on:click="onClick(event, item)">
       <div class="compose-autosuggest-list-grid">
         {#if type === 'account'}
-        <Avatar
-          className="compose-autosuggest-list-item-avatar"
-          size="small"
-          account={item}
-        />
+        <div class="compose-autosuggest-list-item-avatar">
+          <Avatar
+            size="small"
+            account={item}
+          />
+        </div>
         <span class="compose-autosuggest-list-display-name">
             <AccountDisplayName account={item} />
         </span>