diff options
author | kytwb <kytwb@pm.me> | 2021-12-14 20:32:02 +0100 |
---|---|---|
committer | kytwb <kytwb@pm.me> | 2021-12-14 20:32:02 +0100 |
commit | 5a3afb027f2716e22c4418c809e8f68894acce7d (patch) | |
tree | 0cfe0b046031c388970ff844b975430d1b42e3db /src/components/settings/recipes/RecipesDashboard.js | |
parent | Remove accent color on nightly builds modal text (diff) | |
download | ferdium-app-5a3afb027f2716e22c4418c809e8f68894acce7d.tar.gz ferdium-app-5a3afb027f2716e22c4418c809e8f68894acce7d.tar.zst ferdium-app-5a3afb027f2716e22c4418c809e8f68894acce7d.zip |
Fix available services empty state rendering
Diffstat (limited to 'src/components/settings/recipes/RecipesDashboard.js')
-rw-r--r-- | src/components/settings/recipes/RecipesDashboard.js | 48 |
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 { | |||
235 | <H3>{intl.formatMessage(messages.headlineCommunityRecipes)}</H3> | 235 | <H3>{intl.formatMessage(messages.headlineCommunityRecipes)}</H3> |
236 | )} | 236 | )} |
237 | <div className="recipes__list"> | 237 | <div className="recipes__list"> |
238 | {recipes.length === 0 && recipeFilter !== 'dev' && ( | ||
239 | <div className="align-middle settings__empty-state"> | ||
240 | <span className="emoji"> | ||
241 | <img src="./assets/images/emoji/dontknow.png" alt="" /> | ||
242 | </span> | ||
243 | |||
244 | <p className="settings__empty-state-text"> | ||
245 | {intl.formatMessage(messages.nothingFound)} | ||
246 | </p> | ||
247 | |||
248 | {customWebsiteRecipe && customWebsiteRecipe.id && ( | ||
249 | <RecipeItem | ||
250 | key={customWebsiteRecipe.id} | ||
251 | recipe={customWebsiteRecipe} | ||
252 | onClick={() => | ||
253 | isLoggedIn && | ||
254 | showAddServiceInterface({ | ||
255 | recipeId: customWebsiteRecipe.id, | ||
256 | }) | ||
257 | } | ||
258 | /> | ||
259 | )} | ||
260 | </div> | ||
261 | )} | ||
262 | {communityRecipes.map(recipe => ( | 238 | {communityRecipes.map(recipe => ( |
263 | <RecipeItem | 239 | <RecipeItem |
264 | key={recipe.id} | 240 | key={recipe.id} |
@@ -270,6 +246,30 @@ class RecipesDashboard extends Component { | |||
270 | /> | 246 | /> |
271 | ))} | 247 | ))} |
272 | </div> | 248 | </div> |
249 | {recipes.length === 0 && recipeFilter !== 'dev' && ( | ||
250 | <div className="align-middle settings__empty-state"> | ||
251 | <span className="emoji"> | ||
252 | <img src="./assets/images/emoji/dontknow.png" alt="" /> | ||
253 | </span> | ||
254 | |||
255 | <p className="settings__empty-state-text"> | ||
256 | {intl.formatMessage(messages.nothingFound)} | ||
257 | </p> | ||
258 | |||
259 | {customWebsiteRecipe && customWebsiteRecipe.id && ( | ||
260 | <RecipeItem | ||
261 | key={customWebsiteRecipe.id} | ||
262 | recipe={customWebsiteRecipe} | ||
263 | onClick={() => | ||
264 | isLoggedIn && | ||
265 | showAddServiceInterface({ | ||
266 | recipeId: customWebsiteRecipe.id, | ||
267 | }) | ||
268 | } | ||
269 | /> | ||
270 | )} | ||
271 | </div> | ||
272 | )} | ||
273 | {recipeFilter === 'dev' && devRecipes.length > 0 && ( | 273 | {recipeFilter === 'dev' && devRecipes.length > 0 && ( |
274 | <div className={classes.devRecipeList}> | 274 | <div className={classes.devRecipeList}> |
275 | <H3>{intl.formatMessage(messages.headlineDevRecipes)}</H3> | 275 | <H3>{intl.formatMessage(messages.headlineDevRecipes)}</H3> |