Bug/bust cache after recipe creation (#14)

* Bust the cache after a recipe is created so users can see that recipe * using jpg images with exact same size and format as the one the server with serve
open-eats · Jun 5, 2018 · dc8f69d · dc8f69d
1 parent 7b66a48
commit dc8f69d
Show file tree

Hide file tree

Showing 15 changed files with 129 additions and 123 deletions.
diff --git a/modules/browse/components/ListRecipes.js b/modules/browse/components/ListRecipes.js
@@ -12,7 +12,7 @@ const ListRecipes = ({ data, format }) => {
       return recipe.photo_thumbnail;
     } else {
       const images = ['fish', 'fried-eggs', 'pizza', 'soup', 'steak'];
-      return '/images/' + images[Math.floor(Math.random(0) * images.length)] + '.png';
+      return '/images/' + images[Math.floor(Math.random(0) * images.length)] + '.jpg';
     }
   };
 

diff --git a/modules/browse/constants/SearchConstants.js b/modules/browse/constants/SearchConstants.js
@@ -2,4 +2,5 @@
 export default {
   BROWSE_SEARCH_RESULTS: 'BROWSE_SEARCH_RESULTS',
   BROWSE_SEARCH_LOADING: 'BROWSE_SEARCH_LOADING',
+  BROWSE_RESET_SEARCH_RESULTS: 'BROWSE_RESET_SEARCH_RESULTS',
 };
diff --git a/modules/browse/reducers/SearchReducer.js b/modules/browse/reducers/SearchReducer.js
@@ -15,6 +15,8 @@ function search(state = { results: {}, loading: true }, action) {
         results: { ...state.results, ...newSearch },
         loading: false
       };
+    case SearchConstants.BROWSE_RESET_SEARCH_RESULTS:
+      return { results: {}, loading: false };
     default:
       return state;
   }

diff --git a/modules/common/demo/data.json b/modules/common/demo/data.json
diff --git a/modules/recipe_form/actions/RecipeFormActions.js b/modules/recipe_form/actions/RecipeFormActions.js
@@ -1,5 +1,6 @@
 import { request } from '../../common/CustomSuperagent';
 import RecipeFormConstants from '../constants/RecipeFormConstants';
+import SearchConstants from '../../browse/constants/SearchConstants';
 import StatusConstants from '../constants/StatusConstants';
 import { serverURLs } from '../../common/config'
 import validation from './validation'
@@ -109,6 +110,7 @@ export const save = (data, event) => {
                   message: 'Recipe save!',
                   alert: 'alert-success'
                 });
+                dispatch({ type: SearchConstants.BROWSE_RESET_SEARCH_RESULTS });
                 if (typeof event === 'function') event(res.body);
               })
               .catch(err => {
@@ -129,6 +131,7 @@ export const save = (data, event) => {
               message: 'Recipe save!',
               alert: 'alert-success'
             });
+            dispatch({ type: SearchConstants.BROWSE_RESET_SEARCH_RESULTS });
             if (typeof event === 'function') event(res.body);
           }
         })

diff --git a/public/images/fish.jpg b/public/images/fish.jpg
diff --git a/public/images/fish.png b/public/images/fish.png
diff --git a/public/images/fried-eggs.jpg b/public/images/fried-eggs.jpg
diff --git a/public/images/fried-eggs.png b/public/images/fried-eggs.png
diff --git a/public/images/pizza.jpg b/public/images/pizza.jpg
diff --git a/public/images/pizza.png b/public/images/pizza.png
diff --git a/public/images/soup.jpg b/public/images/soup.jpg
diff --git a/public/images/soup.png b/public/images/soup.png
diff --git a/public/images/steak.jpg b/public/images/steak.jpg
diff --git a/public/images/steak.png b/public/images/steak.png