Initialised client, UI changes updated (#4)

Author: ketaki122

Diff for: client.js

@@ -0,0 +1,4 @@
+import Service from "./services/service";
+
+const client = new Service("myproject", "http://localhost:4122");
+export default client;

Diff for: components/add-reply.js

@@ -1,4 +1,3 @@
-
 import MyEditor from "./markdown";
 
 export default function AddReply() {
@@ -32,4 +31,4 @@ export default function AddReply() {
       </div>
     </div>
   );
-}
+}

Diff for: components/post-description.js

@@ -31,7 +31,9 @@ export default function PostDescription() {
             </div>
             <div className="col-6">
               <div className="go-right">
-                <i className="icon  icon-edit" />
+                <button className="btn btn-action btn-sm edit">
+                  <i className="icon  icon-edit" />
+                </button>
                 <p className="smalldate">14th May</p>
               </div>
             </div>

Diff for: components/post.js

@@ -1,23 +1,19 @@
-
 import Link from "next/link";
+import { useRouter } from "next/router";
 
 export default function Post() {
+  const router = useRouter();
+  const handleClick = (e) => {
+    router.push("/post-detail");
+  };
   return (
     <div>
-      <div className="columns gapless a">
+      <div onClick={handleClick} className="columns gapless a">
         <div className="column col-sm-12 col-7 ">
-          <p className="q">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna
-            <br className="hide-xl" /> aliqua. Lorem ipsum dolor sit amet,
-            consectetur adipiscing elit.
-          </p>
+          <p className="q">Lorem ipsum dolor sit amet</p>
           <ul>
             <li className="cat">General</li>
           </ul>
-          <Link href="/post-detail">
-            <a className="navlink">See more</a>
-          </Link>
         </div>
         <div className="column col-sm-12 col-5 ">
           <div className="columns gapless">
@@ -56,4 +52,4 @@ export default function Post() {
       </div>
     </div>
   );
-}
+}

Diff for: components/replies.js

@@ -16,7 +16,9 @@ export default function DisplayReplies() {
             </div>
             <div className="col-6">
               <div className="go-right">
-                <i className="icon  icon-edit" />
+                <button className="btn btn-action btn-sm edit">
+                  <i className="icon  icon-edit" />
+                </button>
                 <p className="smalldate">14th May</p>
               </div>
             </div>