UX: 'Coming Soon' pillar cards are clickable dead ends #56

Closed
opened 2026-06-09 21:35:05 +00:00 by glow · 1 comment
Owner

Two pillar sections — "Just bought a house?" (buyer-prep) and "Money-saving" (money-saving) — show a "COMING SOON" label in the pillar grid, but the cards remain clickable links. Clicking leads to an empty pillar page with no articles.

Location

`src/routes/index.tsx` lines 62-86

Suggested Fix

  1. Disable the link for pillars with 0 articles
  2. Add email notify option tied to the newsletter signup
  3. Visually distinguish with dashed border, muted colors
  4. Remove from grid if content is far off
Two pillar sections — "Just bought a house?" (buyer-prep) and "Money-saving" (money-saving) — show a "COMING SOON" label in the pillar grid, but the cards remain clickable links. Clicking leads to an empty pillar page with no articles. ## Location \`src/routes/index.tsx\` lines 62-86 ## Suggested Fix 1. Disable the link for pillars with 0 articles 2. Add email notify option tied to the newsletter signup 3. Visually distinguish with dashed border, muted colors 4. Remove from grid if content is far off
glow closed this issue 2026-06-09 21:40:12 +00:00
Author
Owner

Changes made in bf934c4

Modified src/routes/index.tsx to conditionally render pillar cards:

  • count > 0: renders <a href="/pillar/"> as before (clickable)
  • count === 0: renders <div class="pillar-card opacity-60 cursor-default"> (non-clickable, muted)
  • "Coming Soon" badge retained inside the non-interactive card

Closes #56

**Changes made in bf934c4** Modified `src/routes/index.tsx` to conditionally render pillar cards: - **count > 0**: renders `<a href="/pillar/">` as before (clickable) - **count === 0**: renders `<div class="pillar-card opacity-60 cursor-default">` (non-clickable, muted) - "Coming Soon" badge retained inside the non-interactive card Closes #56
Sign in to join this conversation.
No labels
bug
feature
improvement
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
glow/first-home-diy#56
No description provided.