Shop redesign: tactile cards + product detail sheet
CI/CD / CI - API (dotnet build + engine sim) (push) Successful in 26s
CI/CD / CI - Web (tsc + next build) (push) Successful in 1m1s
CI/CD / Deploy - local stack (db + server + web) (push) Failing after 0s

Answers "what's in this pack / how much XP": shop items now carry contents
(sticker ids / emojis), xp amount, and a fa/en description. Cards are tactile
(press-3d), show the artwork + name + a quick hint (item count or +XP) + price,
with an owned check badge. Tapping a card opens a detail sheet that shows the
full contents (every sticker/emoji rendered), the XP granted, a description,
and a Buy button (gold when affordable, "need coins" otherwise).

Verified: tsc + next build clean; web rebuilt :1500.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
soroush.asadi
2026-06-05 09:04:46 +03:30
parent 96c8abbeb3
commit be8c758425
4 changed files with 243 additions and 136 deletions
+2
View File
@@ -260,6 +260,7 @@ const fa: Dict = {
"shop.stickers": "بسته استیکرها",
"shop.xp": "امتیاز تجربه (XP)",
"shop.xpHint": "افزایش سریع سطح — XP گران است",
"shop.includes": "شامل",
"reward.newTitle": "عنوان جدید",
"reactions.title": "شکلک",
@@ -525,6 +526,7 @@ const en: Dict = {
"shop.stickers": "Sticker packs",
"shop.xp": "XP packs",
"shop.xpHint": "Level up faster — XP is expensive",
"shop.includes": "Includes",
"reward.newTitle": "New title",
"reactions.title": "Emoji",