fix: Fix ingredients state on print view when sorting by tag or category

Author: fredserva

src/components/recipe-generator-modal/index.js

@@ -17,13 +17,22 @@ class RecipeGeneratorModalNotExtended extends React.Component {
     mdParser = new MarkdownIt();
 
     state = {
-        formValues: {},
         initialCount: +this.props.item.servings,
         count: +this.props.item.servings,
-        ingredients: this.props.item.ingredients,
-        formElements: []
+        ingredients: this.props.item.ingredients
     };
 
+    componentDidUpdate(prevProps, prevState) {
+        const {show} = this.props;
+        if ( show && prevProps.show !== show ) {
+			this.setState( {
+                initialCount: +this.props.item.servings,
+                count: +this.props.item.servings,
+                ingredients: this.props.item.ingredients
+            } );
+		}
+    }
+
     nToBr = ( data ) => {
         if ( undefined === data || '' === data ) {
             return ' ';
@@ -61,7 +70,6 @@ class RecipeGeneratorModalNotExtended extends React.Component {
 
     onClose = () => {
         const { onClose } = this.props;
-        this.setState( { formValues: {} } );
         onClose && onClose();
 
 		// BUG: Lag

src/core/api.js

@@ -41,11 +41,11 @@ class Api {
 
     getAllTags = () => db.get( 'recipes' ).filter( { isTrash: false } ).map( 'tags' ).value();
 
-    getRecipesContainsTag = tag => db.get( 'recipes' ).filter( ( t => t.tags.indexOf( tag ) > -1 && false === t.isTrash ) ).value();
+    getRecipesContainsTag = tag => db.get( 'recipes' ).filter( ( t => t.tags.indexOf( tag ) > -1 && false === t.isTrash ) ).sortBy( 'title' ).value();
 
     getAllCategories = () => db.get( 'recipes' ).filter( { isTrash: false } ).map( 'categories' ).value();
 
-    getRecipesContainsCategory = category => db.get( 'recipes' ).filter( ( t => t.categories.indexOf( category ) > -1 && false === t.isTrash ) ).value();
+    getRecipesContainsCategory = category => db.get( 'recipes' ).filter( ( t => t.categories.indexOf( category ) > -1 && false === t.isTrash ) ).sortBy( 'title' ).value();
 
     queryRecipe = query => db.get( 'recipes' ).filter( ( t => ( t.title.toLowerCase().indexOf( query ) > -1 ) && false === t.isTrash ) ).value();
 }