Skip to content

Fix: Add markdown table support to blog posts - #42

Open
elcukro wants to merge 22 commits into
mainfrom
fix/blog-table-rendering
Open

Fix: Add markdown table support to blog posts#42
elcukro wants to merge 22 commits into
mainfrom
fix/blog-table-rendering

Conversation

@elcukro

@elcukro elcukro commented Feb 16, 2026

Copy link
Copy Markdown
Owner

Problem

Markdown tables in blog posts were rendering as plain text instead of HTML tables.

Solution

  • Installed remark-gfm plugin for GitHub Flavored Markdown support
  • Added custom renderers for table elements (table, thead, tbody, tr, th, td)
  • Styled tables with emerald theme matching blog design

Testing

  • Verified tables render correctly in FAQ blog post
  • Tables have proper borders, hover effects, and responsive overflow

Changes

  • frontend/package.json - Added remark-gfm dependency
  • frontend/src/components/blog/RichText.tsx - Added table support

Fixes issue where markdown pipe syntax was showing as text.

- Install remark-gfm plugin for GitHub Flavored Markdown
- Add table element renderers to RichText component
- Style tables with emerald theme (bordered, hover effects)
- Fixes issue where markdown tables showed as plain text

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@sentry

sentry Bot commented Feb 16, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

Kit and others added 21 commits February 16, 2026 12:44
Changes:
- Free plan now has unlimited expenses (was 20/month)
- Updated all mentions in FAQ, pricing, emails
- Clarified Premium unlocks limits on: income sources, loans, goals
- Fixed mobile app status: "in preparation" (not "already available")

Locations updated:
- frontend/src/components/landing/FAQSection.tsx
- frontend/src/app/(app)/(landing)/layout.tsx
- backend/app/services/email_service.py
- Production blog post (SQL update)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Added other: { charset: 'utf-8' } to metadata in layout.tsx
- Fixes Polish character rendering (ą, ć, ę, ł, ń, ó, ś, ź, ż)
- Prevents �� corruption in blog posts
- Next.js 13+ App Router requires explicit charset declaration

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- blog/[slug]/page.tsx: Add schema.org BlogPosting + FAQPage structured data, reading time, FAQ extraction from headings
- RichText.tsx: Add image lightbox feature with keyboard support
- strapi.ts: Add getRelatedPosts function for internal linking
- Minor cleanup in ai-analysis, banking callback, checkout pages

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…ders

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…tywa

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Only 2 plans exist (monthly + annual) — the 3-column grid left-aligned
them. Changed to md:grid-cols-2 with max-w-2xl mx-auto to properly
center the cards.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant