blog id added

src/components/Blogs/index.jsx

@@ -28,7 +28,7 @@ export default function BlogItem(props) {
     
     useEffect(()=>{
         if(!blog_id){
-            navigate('/',{replace:true})
+            return navigate('/',{replace:true})
         }
         apiCall.getSingleBlogData({blog_id}).then(res => {
             setBlogdata({loading: false, data:res.data})

src/components/Dashboards/AccountDashboard.jsx

@@ -24,7 +24,7 @@ const AccountDashboard = ({ className, bannerList }) => {
         {getUpperBanner?.map((props, idx) => {
           let image = getImage(props);
 
-          let { short_title, short_description, short_button_text, link_path } =
+          let { short_title, short_description, short_button_text, link_path, card_type, blog_id } =
             props;
 
           return (
@@ -34,7 +34,7 @@ const AccountDashboard = ({ className, bannerList }) => {
                 image={image}
                 title={short_title}
                 desc={short_description}
-                link_path={link_path}
+                link_path={card_type=='BLOG' ? `${link_path}?blog_id=${blog_id}` : link_path}
               />
             </div>
           );
@@ -70,13 +70,13 @@ export default AccountDashboard;
 
 const TopBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
   return (
-    <div className="flex flex-col shadow-md rounded-xl dark:border-[#5356fb29]" key={key}>
-      <Link to={link_path} className="h-[12rem] rounded-t-xl">
+    <div className="flex flex-col shadow-md rounded-xl dark:border-[#5356fb29] overflow-hidden" key={key}>
+      <Link to={link_path} className="h-[12rem] bg-white">
         <img
           src={image}
           alt="banner-img"
           loading="lazy"
-          className="w-full h-full  rounded-t-xl object-cove object-fill"
+          className="w-auto mx-auto h-full"
         />
       </Link>
       <div className="rounded-b-xl bg-white dark:bg-dark-white">