From 2fff6b3046e8f8d0c69461fa204d98176c614a21 Mon Sep 17 00:00:00 2001
From: Developer <>
Date: Thu, 11 Feb 2021 00:17:56 -0500
Subject: [PATCH] Fixed issue with empty featured group in
 FeaturedGroupsInjection
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Fixed:
- issue with empty featured group in FeaturedGroupsInjection

• Added:
- missing key in loop in FeaturedGroupsInjection render
---
 .../gabsocial/components/group_collection_item.js   |  2 +-
 .../featured_groups_injection.js                    | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/javascript/gabsocial/components/group_collection_item.js b/app/javascript/gabsocial/components/group_collection_item.js
index 2b09e5ca..28409c97 100644
--- a/app/javascript/gabsocial/components/group_collection_item.js
+++ b/app/javascript/gabsocial/components/group_collection_item.js
@@ -60,7 +60,7 @@ class GroupCollectionItem extends ImmutablePureComponent {
     if (isAddable && groupTitle.length > 52) groupTitle = `${groupTitle.substring(0, 52).trim()}...`
 
     return (
-      <div className={_s.d}>
+      <div className={[_s.d, _s.w300PX].join(' ')}>
         <NavLink
           to={`/groups/${group.get('id')}`}
           className={navLinkClasses}
diff --git a/app/javascript/gabsocial/components/timeline_injections/featured_groups_injection.js b/app/javascript/gabsocial/components/timeline_injections/featured_groups_injection.js
index c9daabbf..be89d154 100644
--- a/app/javascript/gabsocial/components/timeline_injections/featured_groups_injection.js
+++ b/app/javascript/gabsocial/components/timeline_injections/featured_groups_injection.js
@@ -37,13 +37,12 @@ class FeaturedGroupsInjection extends ImmutablePureComponent {
         isXS={isXS}
         >
           {
-            groupIds.map((groupId) => (
-              <div className={[_s.d, _s.w300PX].join(' ')}>
-                <GroupCollectionItem
-                  isAddable
-                  id={groupId}
-                />
-              </div>
+            groupIds.map((groupId, i) => (
+              <GroupCollectionItem
+                isAddable
+                id={groupId}
+                key={`featured-group-${i}-${groupId}`}
+              />
             ))
           }
         </TimelineInjectionLayout>