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

Author: RyanNoelk

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';
     }
   };
 

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',
 };

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;
   }

modules/common/demo/data.json

@@ -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);
           }
         })