Fix available services empty state rendering

1 files changed, 24 insertions, 24 deletions

diff --git a/src/components/settings/recipes/RecipesDashboard.js b/src/components/settings/recipes/RecipesDashboard.js
index d9f53d74e..d3c84571a 100644
--- a/src/components/settings/recipes/RecipesDashboard.js
+++ b/src/components/settings/recipes/RecipesDashboard.js
@@ -235,30 +235,6 @@ class RecipesDashboard extends Component {
                 <H3>{intl.formatMessage(messages.headlineCommunityRecipes)}</H3>
               )}
               <div className="recipes__list">
-                {recipes.length === 0 && recipeFilter !== 'dev' && (
-                  <div className="align-middle settings__empty-state">
-                    <span className="emoji">
-                      <img src="./assets/images/emoji/dontknow.png" alt="" />
-                    </span>
-
-                    <p className="settings__empty-state-text">
-                      {intl.formatMessage(messages.nothingFound)}
-                    </p>
-
-                    {customWebsiteRecipe && customWebsiteRecipe.id && (
-                      <RecipeItem
-                        key={customWebsiteRecipe.id}
-                        recipe={customWebsiteRecipe}
-                        onClick={() =>
-                          isLoggedIn &&
-                          showAddServiceInterface({
-                            recipeId: customWebsiteRecipe.id,
-                          })
-                        }
-                      />
-                    )}
-                  </div>
-                )}
                 {communityRecipes.map(recipe => (
                   <RecipeItem
                     key={recipe.id}
@@ -270,6 +246,30 @@ class RecipesDashboard extends Component {
                   />
                 ))}
               </div>
+              {recipes.length === 0 && recipeFilter !== 'dev' && (
+                <div className="align-middle settings__empty-state">
+                  <span className="emoji">
+                    <img src="./assets/images/emoji/dontknow.png" alt="" />
+                  </span>
+
+                  <p className="settings__empty-state-text">
+                    {intl.formatMessage(messages.nothingFound)}
+                  </p>
+
+                  {customWebsiteRecipe && customWebsiteRecipe.id && (
+                    <RecipeItem
+                      key={customWebsiteRecipe.id}
+                      recipe={customWebsiteRecipe}
+                      onClick={() =>
+                        isLoggedIn &&
+                        showAddServiceInterface({
+                          recipeId: customWebsiteRecipe.id,
+                        })
+                      }
+                    />
+                  )}
+                </div>
+              )}
               {recipeFilter === 'dev' && devRecipes.length > 0 && (
                 <div className={classes.devRecipeList}>
                   <H3>{intl.formatMessage(messages.headlineDevRecipes)}</H3>