-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feat: Blog Posts new 3 column template #157
Conversation
Visit the preview URL for this PR (updated for commit d49aeb5): https://estuary-marketing--pr157-feat-blog-post-chang-uaxyxutx.web.app (expires Fri, 22 Dec 2023 20:09:31 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: 76f6b095a0752e5d9c6c890267f9fdc3e392161e |
<Link to={`/${article?.slug}`}>{article?.title}</Link> | ||
</li> | ||
</> | ||
<li key={index}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should be switched to something like populate-articles__${article.slug}
.
Then if the article is actually missing we should just return null
as there is no reason to include the element if there is not an article.
<div className="table-of-contents"> | ||
<ul> | ||
{items.map((item, index) => ( | ||
<li className={`${!item.root ? "sub-item" : ""} ${(index === 0 || item.position <= position) ? "active" : ""}`} key={index}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
key
needs expanded
{item.children.map(child => ( | ||
<NavMenuList item={child} /> | ||
{item.children.map((child, index) => ( | ||
<NavMenuList item={child} key={index} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
key
needs expanded
<Link | ||
to={`/${post.Slug}`} | ||
className="related-post-card" | ||
key={index} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
key
needs expanded
<div className="hero-image"> | ||
{post.hero ? ( | ||
<GatsbyImage | ||
alt={post.title} | ||
image={ | ||
post.hero.localFile.childImageSharp | ||
.gatsbyImageData | ||
} | ||
loading="eager" | ||
/> | ||
) : null} | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is there a reason we are still including the div
as empty when there is no hero
image?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This branch needs updated. I reviewed it in isolation - so a few of the callouts I think would get fixed by is getting updated.
Description
We need this to change the Blog Posts template to 3 columns, including the new Related Posts layout and call to action buttons