Skip to content

ShopDetailCardView: 2-column layout with description#37

Merged
dadachi merged 2 commits intosubstrate-v2from
substrate-v2--shop-detail-card-two-column
Apr 28, 2026
Merged

ShopDetailCardView: 2-column layout with description#37
dadachi merged 2 commits intosubstrate-v2from
substrate-v2--shop-detail-card-two-column

Conversation

@dadachi
Copy link
Copy Markdown
Contributor

@dadachi dadachi commented Apr 27, 2026

Summary

Mirror iOS ItemTagListCardView's 2-column HStack pattern in ShopDetailCardView so each item-tag row in ShopDetailView surfaces the description alongside the name.

Layout

  • Left column (weight = 1f): name (titleLarge), description (bodySmall, max 2 lines, ellipsis) — description hidden when blank.
  • Right column (widthIn(min = 82.dp), end-aligned): state tag — CompletedTag + completedAt for Completed; IdlingTag for Idled.

Matches iOS ItemTagListCardView's HStack { VStack(alignment: .leading) [name, description] | Spacer | VStack(alignment: .trailing) [tag, completedAt] } shape.

Test plan

  • ./gradlew assembleDebug → BUILD SUCCESSFUL
  • ./gradlew test → BUILD SUCCESSFUL
  • ./gradlew spotlessCheck → BUILD SUCCESSFUL
  • ./gradlew lint → BUILD SUCCESSFUL
  • Manual emulator smoke test:
    • Open Shop Detail with item tags that have descriptions; verify each row shows name on top and description below (max 2 lines), with the state tag (and completedAt for Completed) right-aligned on the same row.
    • Item tags with blank descriptions render only the name in the left column.

🤖 Generated with Claude Code

dadachi and others added 2 commits April 28, 2026 08:08
Mirror iOS ItemTagListCardView's 2-column HStack pattern in
ShopDetailCardView so each item-tag row in ShopDetailView surfaces the
description alongside the name.

Layout:
- Left column (weight 1): name (titleLarge), description (bodySmall,
  max 2 lines, ellipsis) hidden when blank.
- Right column (minWidth 82dp, end-aligned): state tag — CompletedTag +
  completedAt for Completed; IdlingTag for Idled.

Matches iOS ItemTagListCardView's HStack { VStack(alignment: .leading)
[name, description] | Spacer | VStack(alignment: .trailing) [tag,
completedAt] } shape.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Drop description block from ShopDetailCardView and revert to the
flatter row layout. Restructure ItemTagListCardView from ListItem to
a manual Row with a 2-column layout that surfaces the description.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@dadachi dadachi merged commit e23c4ba into substrate-v2 Apr 28, 2026
1 check passed
@dadachi dadachi deleted the substrate-v2--shop-detail-card-two-column branch April 28, 2026 06:39
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