News Update

frontend/src/components/blog-grids/BlogGridTwoSingle.js

@@ -3,23 +3,31 @@ import React from "react";
 import { Link } from "react-router-dom";
 
 const BlogGridTwoSingle = ({ data }) => {
+
+  const paragraphStyle = {
+    width: "260px",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+  }
+
   return (
     <div className="col-lg-4 col-sm-6 col-12 col-md-6">
       <article className="blog__2">
         <div className="thumb">
-          <Link to={process.env.PUBLIC_URL + "/coins"}>
+          <Link to={process.env.PUBLIC_URL + "/news-details/" + data._id.$oid}>
             <img src={process.env.PUBLIC_URL + data.image} alt=""/>
           </Link>
         </div>
         <div className="content">
-          <ul className="meta">
-            <li>{data.date.$date}</li>
-            <li>Post By: {data.author}</li>
+          <ul className="meta" >
+            <li style={{color: "red"}}>{data.date.$date}</li>
+            <li style={{color: "red"}} >Post By: {data.author}</li>
           </ul>
           <h2>
-            <Link to={process.env.PUBLIC_URL + data.url}>{data.title}</Link>
+            <Link to={process.env.PUBLIC_URL + "/news-details/" + data._id.$oid}>{data.title}</Link>
           </h2>
-          <p>{data.description}</p>
+          <p style={paragraphStyle}>{data.description}</p>
         </div>
       </article>
     </div>

frontend/src/components/blog-grids/BlogGridTwoSingleV2.js

 import PropTypes from "prop-types";
-import React from "react";
+import React, {useEffect} from "react";
 import { Link } from "react-router-dom";
 
 const BlogGridTwoSingleV2 = ({ data }) => {
+
+  const paragraphStyle = {
+    width: "260px",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+  }
+
   return (
     <div className="col-lg-4 col-sm-6 col-12 col-md-6">
       <article className="blog__3">
         <div className="thumb">
-          <Link to={process.env.PUBLIC_URL + "#"}>
+          <Link to={process.env.PUBLIC_URL + "/news-details/" + data._id.$oid}>
             <img src={process.env.PUBLIC_URL + data.image} alt=""/>
           </Link>
         </div>
         <div className="content">
-          <ul className="meta">
-            <li>{data.date.$date}</li>
-            <li>Post By: {data.author}</li>
-          </ul>
           <h2>
-            <Link to={process.env.PUBLIC_URL + data.url}>{data.title}</Link>
+            <Link to={process.env.PUBLIC_URL + "/news-details/" + data._id.$oid}>{data.title}</Link>
           </h2>
-          <p>{data.description}</p>
+          <p style={paragraphStyle}>{data.description}</p>
+          <ul className="meta">
+            <li style={{color: "red"}}>{data.date.$date}</li>
+            <li style={{color: "red"}} >Post By: {data.author}</li>
+          </ul>
         </div>
       </article>
     </div>

frontend/src/components/blog/BlogSidebar.js

@@ -18,22 +18,10 @@ const BlogSidebar = () => {
         <h4>CATEGORIES</h4>
         <ul>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Online Currency</Link>
+            <Link to={"https://www.coindesk.com/price/bitcoin/"}>Bitcoin Rate</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Money Transfer</Link>
-          </li>
-          <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Bitcoin Rate</Link>
-          </li>
-          <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>World Trade</Link>
-          </li>
-          <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Market Analytics</Link>
-          </li>
-          <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Market Analytics</Link>
+            <Link to={"https://www.wto.org/index.htm"}>World Trade</Link>
           </li>
         </ul>
       </div>
@@ -126,31 +114,31 @@ const BlogSidebar = () => {
         <h4>tag</h4>
         <ul className="d-flex flex-wrap">
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Design</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>cryptocurrency</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Print</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>bitcoin</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Adobe</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>crypto</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Creative</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>blockchain</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Support</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>ethereum</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Print</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>btc</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Creative</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>money</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Support</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>cryptonews</Link>
           </li>
           <li>
-            <Link to={process.env.PUBLIC_URL + "/blog"}>Print</Link>
+            <Link to={process.env.PUBLIC_URL + "/blog"}>finance</Link>
           </li>
         </ul>
       </div>