- Username/caption block, and the long-video progress bar, only checked
chromeHidden (the long-press hide-everything state) — not
actionsExpanded (the 3-dot-adjacent collapse toggle), so collapsing icons
never hid them. Now both also respect actionsExpanded.
- Wired playbackSpeed (via a playbackRate effect on the <video> ref, since
it isn't a JSX prop) and autoScrollEnabled (loop={!autoScrollEnabled} +
onEnded calling the new onRequestNext prop, which both reels feeds
(ExploreReelsView, PostFeedView) implement by scrollTo-ing to the next
item).
- Added onContextMenu prevention (+ draggable=false on the poster image)
when author_allow_save is false — this is a best-effort deterrent against
casual right-click/drag saving only. No browser exposes an API to block
actual OS-level screenshots; that isn't something any website can do.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 3-dot menu button previously rendered unconditionally alongside the
collapse-toggle ("مثل اندروید" per the old comment, mirroring RN's
pre-fix behavior) — now hidden when collapsed, matching RN's fix.
- Extended ExploreReelsUiContext with autoScrollEnabled (default off) and
playbackSpeed (0.5x/1x/1.5x/2x), exposed via new rows in the options menu.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
SettingsShell always passed the literal string "/settings" as currentPage
to TabNavigation, regardless of the actual sub-route. TabNavigation's
isExactRoot check (currentPage === tab.href) was therefore always true for
the settings tab, so tapping it while on any settings sub-page (e.g.
/settings/wallet) always hit the "already here" branch and called
preventDefault() instead of navigating — the user had to tap a different
tab first (which uses a different pathname) before tapping Settings again
would actually work. Now passes the real pathname; tab highlighting is
unaffected since TabNavigation already does its own startsWith() check for
that.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Aligned with the discount badge (same top offset, opposite corner), shown
only when listing.is_pinterest is true. Verified live: initially used
BoldIcon's nonexistent color prop (silently ignored, icon rendered black
via the default dark-mode invert filter) — switched to tinted + a
text-[#E60023] class, confirmed the mask picks up the color correctly.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Each icon (add/search/filter) had no consistent-height box, so vertical
alignment depended on each tag's (Link vs button) own default box model.
Now all 4 icons share an identical h-9 w-9 flex box.
- Added a 4th icon linking to /settings/booking, next to the filter icon,
mirroring the RN fix for this same screen.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Rate/score row lacked justify-between (title and stats just clustered
together with a small gap), so it wasn't flush with category/level's shared
edge like the RN card already is. Also added text-foreground to the course
title h2 — it had no color class and was invisible against the dark theme.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Each status button had its own hardcoded pastel inline style on selection.
Replaced with variant="primary"/"default" on RoundedButton, matching every
other selection button in the app (mirrors the RN fix for this same screen).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
The type field was destructured but never rendered (only used for the
pro-tier shadow styling) — RN's equivalent card already needed this shown
next to price, aligned with category via the existing justify-between row.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Right column was minmax(2.5rem,auto), growing with wider action content
(e.g. a text button) and dragging the title's visual center off true
screen center. Both side columns are now a fixed 2.5rem, matching
EditPageHeader.tsx's already-correct pattern.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
These raw <button> selection chips used rounded-full (always a full pill)
instead of the app's standard rounded-2xl radius used by every other
button/chip (btnPrimary/btnDefault/filterChipClass). Gender and
cooperation-type pages already used AuthNextButton (already rounded-2xl),
so only sizes/colors needed the radius change.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Root-level fix: this un-layered CSS class backs toggleBtnClass,
filterChipClass, selectionCardClass, and ~13 direct call sites (send-post/
shop/product modals, edit & verify sizes/colors/gender/cooperation-type).
Changing it here propagates the apply-filter button's tint+border+colored-
text look everywhere at once, including overriding the redundant
"text-white" utility class some call sites still pass (verified live: since
this class isn't inside a Tailwind @layer, its color always wins the cascade).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Replaces toggleBtnClass/filterChipClass (solid btn-modern--selected fill +
white text) with the exact same classes as the apply-filter button
(tint background, colored border/text) so the selected state matches.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
rounded-2xl at h-9 is still close to the pill ceiling; the apply/clear
filter buttons use h-10, so bumping this screen's toggle+tabs to h-10 gives
the same roundness ratio without touching the other 12 call sites of
toggleBtnClass/filterChipClass that weren't flagged.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
btnFilterChip/btnFilterChipActive/toggleBtnClass rendered rounded-3xl (full
pill) at h-9, while primary/default buttons (apply/clear filter, etc.) use
rounded-2xl. Aligning the shared radius fixes this across every screen that
uses filterChipClass/toggleBtnClass (shop settings buyer/seller toggle and
order sub-tabs, expertise filters, project role modal, etc.) in one place.
Reverted the earlier per-button className override in FilterModal.tsx since
the shared class now already outputs rounded-2xl.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
filterChipClass renders rounded-3xl (full pill) while the apply/clear
RoundedButtons below it render rounded-2xl, a visible mismatch in the same
modal. Scoped override via className (twMerge) instead of touching the
shared filterChipClass/btnFilterChip used by 24+ other call sites.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- financial/page.tsx: the title+date and amount+status rows used a hard
flex-col/flex-row breakpoint switch (sm:), so below 640px every row
stacked into 4 separate lines instead of wrapping gracefully — now
always flex-row with flex-wrap, min-w-0/shrink-0/truncate so long
content wraps instead of the date/badge visually colliding
- shops/discover/page.tsx: restored the real category chips (fetched from
/shop-categories) alongside All/Pinterest — my earlier pass replaced
the whole filter row with just those two, dropping the categories the
page never actually had a chance to keep
- buttonStyles.ts: btnFilterChip/btnFilterChipActive now have an explicit
h-9 (matching toggleBtnClass, used right above them on the shop
dashboard) instead of deriving height from padding alone, which made
them visibly shorter than the buyer/seller toggle
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Web mirror of the RN change — same timing constants, same idea: the amount
flies from its pop-in position toward a wallet badge that pulses on
arrival, and the "credited" hint fades in at that moment instead of
showing immediately. Wallet crediting itself was already correctly
deferred server-side until POST /gifts/:id/open.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- new-project/layout.tsx was hardcoding currentPage="/projects" while the
real route is /new-project, so TabNavigation's isExactRoot guard thought
it was already on the Projects tab and preventDefault'd the first click
with no navigation — now passes the real path (isActive's highlight logic
already had a dedicated case for /new-project, so nothing else changes)
- resolveShopVerificationTier: shop verify checkmarks always render green
regardless of the underlying tier, applied at all 3 shop render sites
- Add a "send to users" icon/button next to share on the product detail
page, the owner product-manage page, and the shop profile pages (public +
owner), reusing/mirroring the existing SendProductModal pattern
- New SendShopModal + sharedShop chat-bubble kind (ChatMessageCard via
SharedShopBubble) so a whole shop can be sent into a chat, not just one
product — backed by the new POST /shops/:id/send endpoint
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
t("common.all") didn't resolve to anything on web (unlike the RN app,
which does have that key) — verified in the browser, where the chip
rendered as the literal string "common.all". Added a proper
shops.allFilter key instead of guessing at an existing one.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Pinterest filter toggle on the Shop discover page, alongside "All",
backed by the backend's new ?pinterest=true param on
/shop-products/discover
- Pinterest badge shown above the favorite button in ShopReelsView's
action rail for products tagged is_pinterest
- "Pinterest product" checkbox at the bottom of the product images step
(create wizard and edit flow share the same route)
- New pinterest bold-icon SVG under public/images/icons/vuesax/bold
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Remove `unoptimized` from every Image that was pointing at a real remote/
static file (Reels image carousel, story avatars/viewer, shop product
grids/details, chat shared-post/product/story bubbles, notification/
visitor rows, tag/mention pickers, etc.) so Next's own resize+avif/webp
pipeline (already configured in next.config.ts) actually applies —
previously only a handful of components used it, everything else shipped
full-resolution originals regardless of the tiny thumbnail size shown
- Add a `sizes` prop wherever `fill` was used without one, so the optimizer
picks an appropriately small srcset entry instead of defaulting to 100vw
- Fix ProfileAvatar to request the actual displayed size instead of always
requesting 280x280 regardless of the `size` prop
- Left `unoptimized` on the handful of genuinely local/ephemeral sources
(blob:/data: URIs from in-progress uploads, third-party QR API images,
static SVG icons) where Next's optimizer can't or shouldn't apply
- Add next-story prefetch to StoryViewer (previously only Reels prefetched
upcoming media; swiping to the next story always cold-started before)
- Fix .claude/launch.json's dev server port (3000 -> 3004) to match
package.json's actual `next dev --port 3004`
Verified via `tsc --noEmit` (no new errors) and by diffing this app's
console/network behavior against a git-stashed baseline in the browser
preview — the one pre-existing hydration warning and 401s (unauthenticated
session) are present on both, and /_next/image requests now succeed for
avatars/thumbnails that previously bypassed optimization entirely.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Align shop header layout (logo, name, verification badge, share button)
and RTL/LTR positioning across shop, listing, billboard, wallet, gift,
and academy pages with the Android app's equivalent screens
- Fix TabNavigation's tab-reselect scroll-to-top to only fire on the
exact tab route, not any active sub-route
- Add verification badge to shop owner name; add brand icon assets
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
