From 232bee1d30f69bdc7d6f6bd0d2015d245efdce32 Mon Sep 17 00:00:00 2001
From: Bruno Lemos <brunohplemos@gmail.com>
Date: Sat, 23 Mar 2019 02:59:02 -0300
Subject: [PATCH] Fix missing key warning

---
 .../src/components/cards/partials/rows/CommentRow.tsx    | 1 +
 packages/components/src/components/common/Label.tsx      | 1 +
 .../src/components/modals/AdvancedSettingsModal.tsx      | 1 +
 packages/components/src/utils/helpers/github/emojis.tsx  | 9 ++++++---
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/cards/partials/rows/CommentRow.tsx b/packages/components/src/components/cards/partials/rows/CommentRow.tsx
index 1fbeb05b..dc4b92a7 100644
--- a/packages/components/src/components/cards/partials/rows/CommentRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/CommentRow.tsx
@@ -90,6 +90,7 @@ export const CommentRow = React.memo((props: CommentRowProps) => {
             ]}
           >
             {parseTextWithEmojisToReactComponents(body, {
+              key: `comment-text-${body}`,
               imageProps: {
                 style: {
                   width: 14,
diff --git a/packages/components/src/components/common/Label.tsx b/packages/components/src/components/common/Label.tsx
index 41cd5b9f..cb105f20 100644
--- a/packages/components/src/components/common/Label.tsx
+++ b/packages/components/src/components/common/Label.tsx
@@ -122,6 +122,7 @@ export function Label(props: LabelProps) {
         )}
         {typeof children === 'string'
           ? parseTextWithEmojisToReactComponents(children, {
+              key: `label-text-${children}`,
               imageProps: {
                 style: {
                   width: small ? 10 : 11,
diff --git a/packages/components/src/components/modals/AdvancedSettingsModal.tsx b/packages/components/src/components/modals/AdvancedSettingsModal.tsx
index b5264b0b..eea67d63 100644
--- a/packages/components/src/components/modals/AdvancedSettingsModal.tsx
+++ b/packages/components/src/components/modals/AdvancedSettingsModal.tsx
@@ -269,6 +269,7 @@ export const AdvancedSettingsModal = React.memo(
                         installation.htmlUrl
                       ) && (
                         <View
+                          key={`github-installation-${installation.id}`}
                           style={{
                             flexDirection: 'row',
                             alignItems: 'center',
diff --git a/packages/components/src/utils/helpers/github/emojis.tsx b/packages/components/src/utils/helpers/github/emojis.tsx
index ea908fa5..602ecbb1 100644
--- a/packages/components/src/utils/helpers/github/emojis.tsx
+++ b/packages/components/src/utils/helpers/github/emojis.tsx
@@ -1,6 +1,6 @@
 import { Omit } from '@devhub/core'
 import _ from 'lodash'
-import React from 'react'
+import React, { Fragment } from 'react'
 import { Image, ImageProps } from 'react-native'
 
 const emojis = {
@@ -1538,10 +1538,11 @@ function surrogatePairToCodepoint(lead: number, trail: number) {
 }
 
 export interface EmojiParseOptions {
+  after?: React.ReactNode
   alt?: string
   before?: React.ReactNode
-  after?: React.ReactNode
   imageProps?: Omit<ImageProps, 'source'>
+  key: string
 }
 
 function getComponent(
@@ -1625,5 +1626,7 @@ export function parseTextWithEmojisToReactComponents(
       if (typeof item !== 'string') return item
       return parseTextWithEmojisToReactComponents_2(item, options)
     }),
-  )
+  ).map((item, index) => (
+    <Fragment key={`${options.key}-${index}`}>{item}</Fragment>
+  ))
 }