ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-04 11:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix blog landing bugs & add case study category

Browse Source
This commit is contained in:
mDuo13
2025-08-14 11:38:07 -07:00
parent aec8b0f007
commit e12e40a926
6 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
blog/index.page.tsx
View File

@@ -11,13 +11,12 @@ export const frontmatter = {
},
};
const target = { prefix: "" }; // TODO: fixme
const categories = {
general: "General",
release_notes: "Release Notes",
advisories: "Advisories",
amendments: "Amendments",
case_study: "Case Study",
development: "Development",
developer_reflections: "Developer Reflections",
features: "Features",
@@ -89,7 +88,7 @@ export default function Index() {
<div className="col">
<div className="text-bg">
<h4 className="mb-3 eyebrow text-uppercase font-weight-light">
<span className="post-date pb-2">
<span className="hero-post-date pb-2">
{moment(heroPost.date).format(translate("blog.banner.date.part1","MMM"))}
</span>
{translate("blog.banner.date.part2", " ")}
@@ -135,14 +134,14 @@ export default function Index() {
className={`blog-filter input_${item}`}
type="checkbox"
name="categories"
id={`input_${item}`}
id={`input_desktop_${item}`}
defaultValue={`${item}`}
onChange={() => toggleCategory(item)}
defaultChecked
/>
<label
className="font-weight-bold"
htmlFor={`input_${item}`}
htmlFor={`input_desktop_${item}`}
>
{translate(categories[item])}
</label>
@@ -173,14 +172,14 @@ export default function Index() {
className={`blog-filter input_${item}`}
type="checkbox"
name="categories"
id={`input_${item}`}
id={`input_mobile_${item}`}
defaultValue={`${item}`}
onChange={() => toggleCategory(item)}
defaultChecked
/>
<label
className="font-weight-bold"
htmlFor={`input_${item}`}
htmlFor={`input_mobile_${item}`}
>
{translate(categories[item])}
</label>
@@ -200,10 +199,9 @@ export default function Index() {
className={`${card.category_id} pb-5 px-lg-4`}
id={card.title + i}
>
<div className="mb-4" id="category-list">
<div className="mb-4 category-list">
<img
alt="card block"
id={`${card.category_id}`}
alt=""
className="mb-4"
/>
<div
@@ -213,7 +211,7 @@ export default function Index() {
</div>
</div>
<div>
<p id="card-date" className="mb-0">
<p className="mb-0 card-date">
{moment(card.date).format(translate("blog.card.date","MMM DD, YYYY"))}
{ card.author ? ` by ${card.author}` : ""}
</p>

4
blog/sidebars.yaml
View File

@@ -1,3 +1,7 @@
## Blog sidebar file. Reminder: blogs must use one of the hard-coded categories
## in their labels frontmatter, or they won't show up in the list below the
## latest post, and they won't have an image.
- group: Blog
groupTranslationKey: sidebar.blog
page: index.page.tsx