add line-clamp on blogCard title

src/APP/index.js

@@ -1,79 +1,75 @@
-import AboutUs from "./pages/aboutUs/AboutUs";
-import AllBlogsPage from "./pages/admin/blogs/AllBlogsPage";
-import AddChapterPage from "./pages/admin/chapters/AddChapterPage";
-import AllChaptersPage from "./pages/admin/chapters/AllChaptersPage";
-import AddEventPage from "./pages/admin/events/AddEventPage";
-import AllEventsPage from "./pages/admin/events/AllEventsPage";
-import UpdateEventPage from "./pages/admin/events/UpdateEventPage";
-import ForgotPassword from "./pages/auth/ForgotPassword";
-import LogIn from "./pages/auth/LogIn";
-import ResetPassword from "./pages/auth/ResetPassword";
-import SignUp from "./pages/auth/SignUp";
-import Blog from "./pages/blog/Blog";
-import Blogs from "./pages/blogs/Blogs";
-import IndividualChapter from "./pages/chapter/pages/IndividualChapter";
-import CommunityPage from "./pages/community/CommunityPage";
-import SingleEvent from "./pages/community/sections/eventsSection/SingleEvents/SingleEvent";
-import EventsPage from "./pages/events/pages/EventsPage";
-import EventsSection from "./pages/events/sections/eventsSection/EventsSection";
-import Blogs from "./pages/blogs/Blogs";
-import Blog from "./pages/blog/Blog";
-import Blog2 from "./pages/blog2/Blog2";
-
-import SingleProductDonation from "./pages/donate/pages/SingleProductDonatePage";
-import Error400 from "./pages/errorPages/Error400";
-import Error403 from "./pages/errorPages/Error403";
-import Error404 from "./pages/errorPages/Error404";
-import Error500 from "./pages/errorPages/Error500";
-import ErrorBoundary from "./pages/errorPages/ErrorBoundary";
-import EventsPage from "./pages/events/pages/EventsPage";
-import EventsSection from "./pages/events/sections/eventsSection/EventsSection";
-import GalleryPage from "./pages/gallery/GalleryPage";
-import LandingPage from "./pages/landingPage/LandingPage";
-import Layout from "./pages/Layout";
-import Products from "./pages/products2/Products";
-import Resources from "./pages/resources/Resources";
-import Homepage from "./pages/shop/Homepage";
-import Checkout from "./pages/shop/OrderSummaryPage";
-import ProductDisplay from "./pages/shop/ProductDisplayPage";
-import CategoriesProducts from "./pages/shop/sections/CategoriesProducts";
-import SingleItemPage from "./pages/shop/SingleItemPage";
-
-export {
-  AddChapterPage,
-  AddEventPage,
-  AllBlogsPage,
-  AllChaptersPage,
-  AllEventsPage,
-  UpdateEventPage,
-  LandingPage,
-  Homepage,
-  Checkout,
-  CategoriesProducts,
-  SingleItemPage,
-  Layout,
-  Products,
-  Resources,
-  AboutUs,
-  CommunityPage,
-  DonatePage,
-  SingleEvent,
-  Blogs,
-  Blog,
-  Blog2,
-  EventsPage,
-  EventsSection,
-  SingleProductDonation,
-  IndividualChapter,
-  Error400,
-  Error403,
-  Error404,
-  Error500,
-  ErrorBoundary,
-  ProductDisplay,
-  ForgotPassword,
-  LogIn,
-  ResetPassword,
-  SignUp,
-  GalleryPage,
-};
+import AboutUs from "./pages/aboutUs/AboutUs";
+import AllBlogsPage from "./pages/admin/blogs/AllBlogsPage";
+import AddChapterPage from "./pages/admin/chapters/AddChapterPage";
+import AllChaptersPage from "./pages/admin/chapters/AllChaptersPage";
+import AddEventPage from "./pages/admin/events/AddEventPage";
+import AllEventsPage from "./pages/admin/events/AllEventsPage";
+import UpdateEventPage from "./pages/admin/events/UpdateEventPage";
+import ForgotPassword from "./pages/auth/ForgotPassword";
+import LogIn from "./pages/auth/LogIn";
+import ResetPassword from "./pages/auth/ResetPassword";
+import SignUp from "./pages/auth/SignUp";
+import Blog from "./pages/blog/Blog";
+import Blog2 from "./pages/blog2/Blog2";
+import Blogs from "./pages/blogs/Blogs";
+import IndividualChapter from "./pages/chapter/pages/IndividualChapter";
+import CommunityPage from "./pages/community/CommunityPage";
+import SingleEvent from "./pages/community/sections/eventsSection/SingleEvents/SingleEvent";
+import DonatePage from "./pages/donate/DonatePage";
+import SingleProductDonation from "./pages/donate/pages/SingleProductDonatePage";
+import Error400 from "./pages/errorPages/Error400";
+import Error403 from "./pages/errorPages/Error403";
+import Error404 from "./pages/errorPages/Error404";
+import Error500 from "./pages/errorPages/Error500";
+import ErrorBoundary from "./pages/errorPages/ErrorBoundary";
+import EventsPage from "./pages/events/pages/EventsPage";
+import EventsSection from "./pages/events/sections/eventsSection/EventsSection";
+import GalleryPage from "./pages/gallery/GalleryPage";
+import LandingPage from "./pages/landingPage/LandingPage";
+import Layout from "./pages/Layout";
+import Products from "./pages/products2/Products";
+import Resources from "./pages/resources/Resources";
+import Homepage from "./pages/shop/Homepage";
+import Checkout from "./pages/shop/OrderSummaryPage";
+import ProductDisplay from "./pages/shop/ProductDisplayPage";
+import CategoriesProducts from "./pages/shop/sections/CategoriesProducts";
+import SingleItemPage from "./pages/shop/SingleItemPage";
+
+export {
+  AddChapterPage,
+  AddEventPage,
+  AllBlogsPage,
+  AllChaptersPage,
+  AllEventsPage,
+  UpdateEventPage,
+  LandingPage,
+  Homepage,
+  Checkout,
+  CategoriesProducts,
+  SingleItemPage,
+  Layout,
+  Products,
+  Resources,
+  AboutUs,
+  CommunityPage,
+  DonatePage,
+  SingleEvent,
+  Blogs,
+  Blog,
+  Blog2,
+  EventsPage,
+  EventsSection,
+  SingleProductDonation,
+  IndividualChapter,
+  Error400,
+  Error403,
+  Error404,
+  Error500,
+  ErrorBoundary,
+  ProductDisplay,
+  ForgotPassword,
+  LogIn,
+  ResetPassword,
+  SignUp,
+  GalleryPage,
+};

src/APP/pages/blog2/sections/BlogUMightLike.jsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/prop-types */
-import React from "react";
 import { formatDistanceToNow } from "date-fns";
+import React from "react";
 import { Link } from "react-router-dom";
 
-import BlogStats from "../../blogs/sections/BlogStats";
 import logo from "../../../../assets/images/sytLogo.png";
+import BlogStats from "../../blogs/sections/BlogStats";
 
 function BlogUMightLike({ blog, block }) {
   const timeAgo = formatDistanceToNow(new Date(blog.created_at), {
@@ -25,7 +25,9 @@ function BlogUMightLike({ blog, block }) {
 
       <div className="h-1/2 flex flex-col gap-2 py-2">
         <div className="flex items-center justify-between pr-3">
-          <h3 className="text-xl text-[#323433] font-semibold">{blog.title}</h3>
+          <h3 className="text-xl text-[#323433] font-semibold line-clamp-1">
+            {blog.title}
+          </h3>
 
           <BlogStats likes={blog.likes} blogId={blog.id} />
         </div>

src/APP/pages/blog2/sections/RelatedBlogCard.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/prop-types */
-import React from "react";
 import { formatDistanceToNow } from "date-fns";
+import React from "react";
 import { Link } from "react-router-dom";
 
 function RelatedBlogCard({ blog }) {

src/router/index.jsx

@@ -12,7 +12,7 @@ import {
   EventsPage,
   IndividualChapter,
   Homepage,
-  Resources,
+  // Resources,
   ProductDisplay,
   ForgotPassword,
   LogIn,