Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Widget Connector
urlhttps://www.figma.com/design/N0QiCjcahQTKvonHHEVtJZ/Sông-Hồng-Up-date?node-id=9667-21864&t=bLX2aMdiYhpSwbEn-1

Screen detailsPattern nameTypeDescriptionActionMock dataNote
Tài khoảnƯu đãi của tôiButton
Người dùng nhấn vào button → hệ thống sẽ điều hướng đến màn hình "Ưu đãi của tôi
Image Added

Danh sách voucherChưa sử dụngButtonGồm các voucher mà người dùng đã được tặng/thưởng nhưng chưa xác nhận sử dụng và chưa hết hạn.Hiển thị danh sách voucher chưa được sử dụng nhưng vẫn 

Image Added


Đã sử dụngButtonGồm các voucher mà người dùng được tặng/thưởng đã sử dụng

Hết hạnButtonGồm các voucher mà người dùng chưa sử dụng nhưng đã hết hạn

Danh sách voucher

Hiển thị danh sách các voucher theo từng tab trạng thái

Thông tin voucher bao gồm:

  • Giá trị voucher
  • Tên chương trình
  • Hạn sử dụng
  • Xem điều kiện

Được hiển thị mặc định theo thứ tự thời gian mới nhất người dùng nhận được voucher

  • Người dùng nhấn vào từng voucher để sử dụng → điều hướng sang màn hình sử dụng voucher
  • Người dùng nhấn "Xem điều kiện" → hệ thống điều hướng sang màn hình chi tiết của voucher

Chi tiết voucherThông tin voucherTextThông tin voucher, điều kiện và điều khoản sử dụng (do bên SH cung cấp)


Image Added


Dùng ngayButton
  • Chưa sử dụng: Mặc định enable để người dùng có thể s sử dụng
  • Đã sử dụng: Disable
  • Hết hạn: Disable

Người dùng nhấn vào → hệ thống điều hướng sang màn hình sử dụng voucher



Sử dụng voucherMã QRImage + TextMã QR cố định, được hệ thống tự động gen

Image Added


Mã ưu đãiTitle


Hạn sử dụngTitleThông tin thời hạn sử dụng của voucher

Về trang chủButton
Người dùng nhấn vào → hệ thống điều hướng về màn hình trang chủ