too many changes - load posts now

client/js/redux/actions.js

@@ -1,20 +1,41 @@
 import * as types from "./constants";
+import marked from 'marked';
 
-function initPreview(posts){
-    return{
+function initPreview(posts) {
+    return {
         type: types.INIT_PREVIEW,
         posts
     }
 }
 
+function loadPost(post){
+    return {
+      type: types.LOAD_POST,
+      post
+    }
+}
+
 //using redux-thunk we can modify actions before they get called
 //in this case we can send the http request here rather in the react component
-export function fetchPreview(){
+export function fetchPreview() {
     return (dispatch) => {
         return fetch('/public/metadata.json')
             .then(response => response.json())
             .then(json => {
-               dispatch(initPreview(json));
+                dispatch(initPreview(json));
+            })
+            .catch(error => {
+                console.log(error);
+            });
+    }
+}
+
+export function fetchPost(category, post) {
+    return (dispatch) => {
+        return fetch(`/public/posts/${category}/${post}.md`)
+            .then(response => response.text())
+            .then(response => {
+                dispatch(loadPost(response));
             })
             .catch(error => {
                 console.log(error);