fix-#392: added related blogs section in detailed blog page

[vamsidhar-914]

Summary

added related blogs section in detailed blog page

Description

whenever user visited individual blog page..they can see related posts based on the categories in the blog page

Images

desktop view

mobile view

Issue(s) Addressed

Closes #392

Prerequisites

• [ yes] Have you followed all the CONTRIBUTING GUIDELINES?

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wanderlust	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 7, 2024 6:05am
wanderlust-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 7, 2024 6:05am

[github-actions[bot]]

Hey @vamsidhar-914! Thanks for sticking to the guidelines! High five! 🙌🏻

[github-actions[bot]]

Hey @vamsidhar-914! Thanks for sticking to the guidelines! High five! 🙌🏻

[vamsidhar-914]

hey @krishnaacharyaa please do review it and want any changes then tell me 👍

[vamsidhar-914]

helllo @krishnaacharyaa ??

[krishnaacharyaa]

And kindly add the images in the PR description or a video

[vamsidhar-914]

@krishnaacharyaa ok sure im on itt

[vamsidhar-914]

hi @krishnaacharyaa

fetched all related category posts and displayed 3 posts in mobile view and 4 posts in desktop view added images in the PR description

[github-actions[bot]]

Hey @vamsidhar-914! Thanks for sticking to the guidelines! High five! 🙌🏻

[krishnaacharyaa]

For mobile can we aim for this kind (style) of related posts?

small icon in the left and then the content on the right.

If you feel these are quite a few requests in a single PR, kindly let me know we can break this into subtasks, and we can raise this as another PR :) I'm totally fine with that

[vamsidhar-914]

no its finee...i'll be on it

[vamsidhar-914]

@krishnaacharyaa

changed naming conventions added mobile responsive for related posts

[vamsidhar-914]

@krishnaacharyaa ?

[krishnaacharyaa]

Super @vamsidhar-914 Thank you for the efforts, really appreciated.

Can you use

For the arrow right svg May be this is black version, make white version of it by replacing #000000 with #ffffff and make 2 svgs and kindly handle both dark and light theme

And

Can you please take care of this alignment, here the see more related blogs > should be aligned to the below card like

And kindly upload the photo of the shimmer/skeleton things aswell, if you feel its too much in a single PR we can take this shimmer loading skeletons in another PR i am fine with that :)

IF you could close the above 2 bugs we are good to merge this PR :)

[vamsidhar-914]

@krishnaacharyaa

fixed svg icons for light and dark mode

added loading skeletons

is this alignment ok? or u want any change to it

[krishnaacharyaa]

@krishnaacharyaa

fixed svg icons for light and dark mode

added loading skeletons

is this alignment ok? or u want any change to it

Can't we have it right side as earlier Just the end should match

You need to use something like justify-between

[krishnaacharyaa]

Here I'm not talking about the skeletons I'm just talking about the "Related blogs" and "See all related blogs" that can we have in a single row! That would be nice Just it should be end aligned as I marked in red line in previous comment

[vamsidhar-914]

done it sir @krishnaacharyaa !

[krishnaacharyaa]

Thank you sir :)