created blog actions

pramit-marattha · pramit-marattha · commit bbe5a2166800 · 2021-01-18T09:48:24.000+05:45
diff --git a/client/actions/blog.js b/client/actions/blog.js
@@ -0,0 +1,19 @@
+import fetch from "isomorphic-fetch";
+import {API} from "../config.js";
+import cookie from "js-cookie";
+
+export const createBlog = (blog,token) => {
+    return fetch(`${API}/api/blog`, {
+        method: 'POST',
+        headers: {
+            Accept: 'application/json',
+            Authorization:`Bearer ${token}`
+
+        },
+        body: blog
+    })
+        .then(response => {
+            return response.json();
+        })
+        .catch(error => console.log(error));
+};
diff --git a/client/components/update/NewBlog.js b/client/components/update/NewBlog.js
@@ -1,9 +1,25 @@
-const NewBlog = ()=>{
+import Link from "next/link";
+import React,{useState,useEffect} from "react";
+import Router from "next/router";
+import dynamic from "next/dynamic";  // react quill runs on client side so dynamic is used to turn off ssr for react quill(to dynamically load the component)
+import {withRouter} from "next/router"; // to get access to the router props from the components
+// importing actions
+import {getCookie,isAuthenticated} from "../../actions/authentication";
+import {getCategories} from "../../actions/category"; 
+import {getTagLists} from "../../actions/tag"; 
+import {createBlog} from "../../actions/blog";
+
+// dynamically importing react quill
+const ReactQuill = dynamic(() => import("react-quill"),{ssr:false});  
+
+
+const NewBlog = ({router})=>{
     return (
         <div>
         Create Blog Form
+        {JSON.stringify(router)}
         </div>
     )
 };
 
-export default NewBlog;
+export default withRouter(NewBlog);
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -20,6 +20,7 @@
     "nprogress": "^0.2.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-quill": "^1.3.5",
     "reactstrap": "^8.8.1"
   }
 }
diff --git a/client/pages/_document.js b/client/pages/_document.js
@@ -15,6 +15,7 @@ class MyDocument extends Document {
            integrity="sha512-42kB9yDlYiCEfx2xVwq0q7hT4uf26FUgSIZBK8uiaEnTdShXjwr8Ip1V4xGJMg3mHkUt9nNuTDxunHF0/EgxLQ==" 
            crossorigin="anonymous" />
            <link rel="stylesheet" href="/static/styles/styles.css"/>
+           <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/react-quill/0.4.1/quill.snow.css" integrity="sha512-z4PhNX7vuL3xVChQ1m2AB9Yg5AULVxXcg/SpIdNs6c5H0NE8XYXysP+DGNKHfuwvY7kxvUdBeoGlODJ6+SfaPg==" crossorigin="anonymous" />
          
         </Head>
         <body>

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,7 @@`
`20`	`20`	`"nprogress": "^0.2.0",`
`21`	`21`	`"react": "^17.0.1",`
`22`	`22`	`"react-dom": "^17.0.1",`
	`23`	`+ "react-quill": "^1.3.5",`
`23`	`24`	`"reactstrap": "^8.8.1"`
`24`	`25`	`}`
`25`	`26`	`}`