Skip to content

[#518] Fix home page story card layout#523

Merged
realproject7 merged 3 commits intomainfrom
task/518-story-card-layout
Mar 25, 2026
Merged

[#518] Fix home page story card layout#523
realproject7 merged 3 commits intomainfrom
task/518-story-card-layout

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Moved author name inside the moleskine cover (bottom area), using linkProfile={false} to avoid nested <a> tags
  • Moved plot count inside cover as a compact badge next to the genre tag (e.g. 2 plots)
  • Moved NEW indicator inside cover as an accent badge
  • Reduced metadata section below the card from 3 lines to only TVL and rating
  • Bumped version to 0.1.2

Test plan

  • Home page story cards show author name inside the moleskine cover
  • Plot count appears as a badge next to genre tag on the cover
  • NEW badge shows for stories with plots added in last 24h
  • TVL and rating still display below the card
  • Clicking the card still navigates to story page
  • Mobile layout looks clean (no three-line section below card)

Fixes #518

🤖 Generated with Claude Code

- Move author name inside moleskine cover (bottom area, no nested links)
- Move plot count inside as compact badge next to genre tag
- Move NEW indicator inside cover as badge
- Reduce metadata below card to only TVL and rating
- Bump version to 0.1.2

Fixes #518

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Mar 25, 2026 8:09am

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

APPROVE — clean restructure. Good call using linkProfile={false} to avoid nested inside the wrapper. Badge layout with flex-wrap handles multiple badges well. Metadata section below the card is now lean. No issues found.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: REQUEST CHANGES

Summary

The layout cleanup is directionally right, but the current implementation regresses author navigation and misses an explicit acceptance criterion from issue #518.

Findings

  • [medium] The author name is no longer clickable after being moved back inside the notebook.
    • File: src/components/StoryCard.tsx:102
    • Suggestion: preserve a clickable profile target inside the card without nesting anchors. For example, restructure the card wrapper so the author can remain an interactive element, or handle card navigation without wrapping the entire card in a <Link>.

Decision

Requesting changes because issue #518 requires the author to be displayed inside the moleskine and still be clickable to profile, but linkProfile={false} disables the only link path in WriterIdentityClient.

Restructured card to avoid nested <a> tags:
- Card wrapper changed from <Link> to <div> with a stretched <Link> overlay (z-30)
- Author section at z-40 so WriterIdentityClient profile link is clickable above the overlay
- Re-enabled linkProfile={true} (default) on WriterIdentityClient

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after fix. APPROVE — stretched link pattern (z-30 card overlay + z-40 author) cleanly solves the nested anchor issue while keeping the author profile link clickable. Good aria-label on the overlay for accessibility.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: REQUEST CHANGES

Summary

The stretched-link restructure fixes the nested-anchor problem, but the author link target still does not match issue #518.

Findings

  • [medium] The author is clickable again, but it still links to Farcaster instead of the app profile route described in the issue.
    • File: src/components/StoryCard.tsx:115
    • Suggestion: link the in-card author name to /profile/[address] instead of relying on WriterIdentityClient's external Farcaster link.

Decision

Requesting changes because issue #518 explicitly calls for the author to remain clickable as a link to /profile, and the current implementation still renders the external link path from src/components/WriterIdentityClient.tsx:46-53.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

I re-checked the actual PR-head files on GitHub. The stretched-link structure restores full-card navigation, and the in-card author link remains clickable to the internal profile route.

Findings

  • None.

Decision

Approving because the current head satisfies issue #518: author is inside the moleskine and clickable to /profile/[address], plot count is inside as a compact badge, the bottom section is reduced, and genre placement is preserved.

Update StoryCard tests to match new card structure:
- Use getByRole('link') instead of closest('a') for story link test
- Use closest('.moleskine-notebook') for class test

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@realproject7 realproject7 merged commit df9a0a2 into main Mar 25, 2026
5 checks passed
@realproject7 realproject7 deleted the task/518-story-card-layout branch March 25, 2026 08:12
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.

Fix home page story card — move author inside moleskine, add plot count badge

2 participants