Revert "Removed straggling code related to popular services."

This reverts commit a9c1abc6f11cb193388fad505c0304f1efe60a30.

1 files changed, 3 insertions, 1 deletions

diff --git a/src/components/settings/recipes/RecipesDashboard.js b/src/components/settings/recipes/RecipesDashboard.js
index 2d0d83376..96207445c 100644
--- a/src/components/settings/recipes/RecipesDashboard.js
+++ b/src/components/settings/recipes/RecipesDashboard.js
@@ -114,6 +114,7 @@ class RecipesDashboard extends Component {
     recipes: MobxPropTypes.arrayOrObservableArray.isRequired,
     customWebsiteRecipe: PropTypes.instanceOf(RecipePreview).isRequired,
     isLoading: PropTypes.bool.isRequired,
+    hasLoadedRecipes: PropTypes.bool.isRequired,
     showAddServiceInterface: PropTypes.func.isRequired,
     searchRecipes: PropTypes.func.isRequired,
     resetSearch: PropTypes.func.isRequired,
@@ -136,6 +137,7 @@ class RecipesDashboard extends Component {
       recipes,
       customWebsiteRecipe,
       isLoading,
+      hasLoadedRecipes,
       showAddServiceInterface,
       searchRecipes,
       resetSearch,
@@ -255,7 +257,7 @@ class RecipesDashboard extends Component {
                   />
                 ))}
               </div>
-              {recipes.length === 0 && recipeFilter !== 'dev' && (
+              {hasLoadedRecipes && recipes.length === 0 && recipeFilter !== 'dev' && (
                 <div className="align-middle settings__empty-state">
                   {customWebsiteRecipe && customWebsiteRecipe.id && (
                     <RecipeItem