WP-FIGMA-RENT-MEDIA-01 — Hiện trạng phòng (ảnh / video)
Domain: D-RENTAL · Surfaces: PAR · CON · API · Status: IMP · Date: 2026-08-17
Design
- Landlord JPG
2e0177c0f03d7163282c24.jpg— Hình ảnh không gian (ảnh bìa bắt buộc · phòng ngủ/khách/bếp/WC · Thêm video/ảnh) - Landlord JPG
cfcfca054df8cca695e932.jpg— chi tiết tin Hình ảnh phòng + + Thêm ảnh - Consumer JPG
0ea609678e9a0fc4568b23.jpg— hero carousel 1/5
User bổ sung: lối vào nhà · phòng cho thuê · vị trí phòng · video trực quan xung quanh.
Change
| Mục | Trước | Sau |
|---|---|---|
| Schema | imageUrl 1 ảnh |
media Json[] { kind, url, type } + imageUrl = COVER |
| Partner form | 3 ô local, không PATCH | Slot Figma + lối vào / phòng / vị trí / video xung quanh · lưu /upload/single |
| Partner detail | «chưa PATCH listing.imageUrl» | + Thêm ảnh PATCH media |
| Consumer detail | 1 hero | Carousel 1/N · chip kind · phát video |
Kinds: COVER · BEDROOM · LIVING · KITCHEN · BATH · ENTRANCE · ROOM · LOCATION · SURROUNDINGS · OTHER
Files
api/prisma/schema.prisma+migrations/20260817103000_rental_listing_media/api/src/modules/rentals/rental-media.ts+.spec.tsapi/src/modules/rentals/dto/rentals.dto.tsapi/src/modules/rentals/rentals.service.tsapi/prisma/seed.ts(gallery demo)partner/src/features/rentals/ListingMediaGrid.tsxpartner/src/features/rentals/RentListingsTab.tsxpartner/src/features/rentals/RentalPartnerScreen.tsxmobile/src/features/rentals/components/RentalMediaCarousel.tsxmobile/src/features/rentals/screens/RentalDetailScreen.tsx
N/A
- Wizard 5 bước đăng tin (vẫn 1 form)
- Xóa tin DELETE partner
- Cổng video hosting riêng (dùng
/upload/singlesẵn có)
Verify
- Partner → Đăng tin / Sửa tin → upload ảnh bìa + lối vào + video xung quanh → Lưu tin.
- GET
/rentals/:idcómedia[]+imageUrlCOVER. - CON chi tiết → vuốt carousel
1/N· chip Lối vào / Vị trí / Xung quanh.