From 78c6deafe469c1c3717411cf48fc996d8505aac3 Mon Sep 17 00:00:00 2001
From: Ilya Nee <neeilya@icloud.com>
Date: Mon, 15 Apr 2019 11:57:29 +0200
Subject: [PATCH] Apply progressive loader to whole dashboard item component
 (#279)

---
 src/components/Item/Item.js         | 21 ++++++++-------------
 src/components/ItemGrid/ItemGrid.js |  8 ++++++--
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/Item/Item.js b/src/components/Item/Item.js
index bd1c9a92d..4fb359252 100644
--- a/src/components/Item/Item.js
+++ b/src/components/Item/Item.js
@@ -7,7 +7,6 @@ import ListItem from './ListItem/Item';
 import TextItem from './TextItem/Item';
 import AppItem from './AppItem/Item';
 import SpacerItem from './SpacerItem/Item';
-import ProgressiveLoadingContainer from './ProgressiveLoadingContainer';
 import {
     APP,
     REPORT_TABLE,
@@ -53,17 +52,13 @@ export const Item = props => {
     const GridItem = getGridItem(props.item.type);
 
     return (
-        <ProgressiveLoadingContainer>
-            <GridItem
-                item={props.item}
-                editMode={props.editMode}
-                itemFilters={
-                    props.editMode
-                        ? DEFAULT_STATE_ITEM_FILTERS
-                        : props.itemFilters
-                }
-                onToggleItemExpanded={props.onToggleItemExpanded}
-            />
-        </ProgressiveLoadingContainer>
+        <GridItem
+            item={props.item}
+            editMode={props.editMode}
+            itemFilters={
+                props.editMode ? DEFAULT_STATE_ITEM_FILTERS : props.itemFilters
+            }
+            onToggleItemExpanded={props.onToggleItemExpanded}
+        />
     );
 };
diff --git a/src/components/ItemGrid/ItemGrid.js b/src/components/ItemGrid/ItemGrid.js
index 567a0f339..b8774669c 100644
--- a/src/components/ItemGrid/ItemGrid.js
+++ b/src/components/ItemGrid/ItemGrid.js
@@ -38,6 +38,7 @@ import {
     sGetDashboardById,
     sGetDashboardItems,
 } from '../../reducers/dashboards';
+import ProgressiveLoadingContainer from '../Item/ProgressiveLoadingContainer';
 
 // Component
 
@@ -137,7 +138,10 @@ export class ItemGrid extends Component {
                         ].join(' ');
 
                         return (
-                            <div key={item.i} className={itemClassNames}>
+                            <ProgressiveLoadingContainer
+                                key={item.i}
+                                className={itemClassNames}
+                            >
                                 {edit ? (
                                     <DeleteItemButton
                                         onClick={this.onRemoveItemWrapper(
@@ -152,7 +156,7 @@ export class ItemGrid extends Component {
                                         this.onToggleItemExpanded
                                     }
                                 />
-                            </div>
+                            </ProgressiveLoadingContainer>
                         );
                     })}
                 </ReactGridLayout>