fix menu and header

Author: jefferson-macedo

.env

@@ -7,6 +7,6 @@
 # REACT_APP_API_BASE_URL='http://localhost:8000'
 
 # IMAGE_BASE_URL='http://localhost:8000/images/'
-REACT_APP_API_BASE_URL='https:///mpeoplesdatahub.com'
+REACT_APP_API_BASE_URL='https:///tnreaders.in'
 
-IMAGE_BASE_URL='https:///mpeoplesdatahub.com/images/'
+IMAGE_BASE_URL='https:///tnreaders.in/images/'

build.zip

@@ -219,7 +219,11 @@ const Blog = ({ title, isHomepage }) => {
             </div>
           </section>
         ) : (
-          isHomepage === 0 && <NoPost />
+          <section className='pb-60'>
+            {subCategory.length ? <SubCategoryBreadcrumb subCategories={subCategory} title={title} /> : ''}
+            <Breadcrumb title={title} />
+            {isHomepage === 0 && <NoPost />}
+          </section>
         )}
       </Suspense>
     </>

public/assets/favicon.ico

@@ -59,11 +59,11 @@ const SpotLightSection = () => {
         });
       };
       fetchLikes();
-    }
-    if (clickedBlogArticleIconId.includes(linkId)) {
-      setClickedBlogArticleIconId(clickedBlogArticleIconId.filter((id) => id !== linkId));
-    } else {
-      setClickedBlogArticleIconId([...clickedBlogArticleIconId, linkId]);
+      if (clickedBlogArticleIconId.includes(linkId)) {
+        setClickedBlogArticleIconId(clickedBlogArticleIconId.filter((id) => id !== linkId));
+      } else {
+        setClickedBlogArticleIconId([...clickedBlogArticleIconId, linkId]);
+      }
     }
   };
 

public/assets/favicon.jpg

@@ -2,7 +2,7 @@ const NEWS_CATEGORY = 'news';
 const ARTICLE_CATEGORY = 'article';
 
 const DEFAULT_LOGO = '../assets/logo.jpeg';
-const DEFAULT_FAVICON = '../assets/favicon.jpg';
+const DEFAULT_FAVICON = '../assets/favicon.ico';
 
 const DETAIL_CATEGORY = 'news-detail';
 const DETAIL_ARTICLE = 'article-detail';

public/assets/logo.jpeg

@@ -1,14 +1,14 @@
 import axios from 'axios';
 
 // const IMAGE_BASE_URL = process.env.IMAGE_BASE_URL || 'https://tnreaders.in/images/';
-// const IMAGE_BASE_URL = 'http://localhost:8000/images/';
-const IMAGE_BASE_URL = 'https://mpeoplesdatahub.com/images/';
+const IMAGE_BASE_URL = 'http://localhost:8000/images/';
+// const IMAGE_BASE_URL = 'https://tnreaders.in/images/';
 const DEFAULT_POST = 'default_post.png';
 const DEFAULT_CATEGORY = 'default_category.jpeg';
 
 const axiosInstance = axios.create({
-  baseURL: process.env.REACT_APP_API_BASE_URL || 'https:///mpeoplesdatahub.com/', // Default URL
-  // baseURL: 'http://localhost:8000', // Default URL
+  // baseURL: process.env.REACT_APP_API_BASE_URL || 'https:///tnreaders.in/', // Default URL
+  baseURL: 'http://localhost:8000', // Default URL
 });
 
 export default axiosInstance;

src/components/Blog.js

@@ -22,8 +22,21 @@ const Header = () => {
   const [showToggleMenu, setShowToggleMenu] = useState(false);
   const mobileMenuRef = useRef(null);
   const [activeCategory, setActiveCategory] = useState({ category: null, show: false });
-  const moreCategories = categories.filter((category) => category.position === 'more');
-  const mainCategories = categories.filter((category) => category.position === 'main');
+  const [mainCategories, setMainCategories] = useState([]);
+  const [moreCategories, setMoreCategories] = useState([]);
+
+  useEffect(() => {
+    const main = categories.filter((category) => category.position === 'main');
+    const more = categories.filter((category) => category.position === 'more');
+
+    if (main.length > 7) {
+      setMoreCategories([...more, ...main.slice(7)]);
+      setMainCategories(main.slice(0, 7));
+    } else {
+      setMainCategories(main);
+      setMoreCategories(more);
+    }
+  }, [categories]);
 
   useEffect(() => {
     dispatch(fetchCategories());
@@ -249,10 +262,10 @@ const Header = () => {
                     </ul>
                   </div>
                   <div className='row left-menu-store my-2'>
-                    <Link to='https://play.google.com/store/' className='my-2'>
+                    {/* <Link to='https://play.google.com/store/' className='my-2'>
                       {' '}
                       <img src={googleplayimg} />{' '}
-                    </Link>
+                    </Link> */}
                     <div className='left-menu-social mb-10'>
                       <ul className='list-wrap row justify-content-center'>
                         <li className='social-icons col'>
@@ -293,7 +306,7 @@ const Header = () => {
                       </ul>
                     </div>
                   </div>
-                  <div className='row'>
+                  {/* <div className='row'>
                     <span className='mt-2 left-menu-footer mb-10'>
                       {' '}
                       <Link to={'/about'} onClick={handleMenuToggleCloseClick}>
@@ -303,7 +316,7 @@ const Header = () => {
                         Privacy Policy
                       </Link>
                     </span>
-                  </div>
+                  </div> */}
                 </nav>
               </div>
             )}