Skip to main content

Yêu Cầu Chỉnh Sửa: Icon Chi Nhánh & Ẩn Dịch Vụ Khi Xem Chi Tiết

Ngày cập nhật: 23/06/2026
File ảnh gốc: z7964032177530_6a2e024fc5fd34a52c11b0d654f0820b.jpg

1. Chỉnh Sửa Hiển Thị Icon/Logo Chi Nhánh​

Hiện trạng​

Icon/Logo của các chi nhánh đã được tăng kích thước lớn hơn (đã làm đúng yêu cầu trước). Tuy nhiên:

  • Chữ tên chi nhánh bên dưới icon đang căn lề trái thay vì căn giữa.
  • Khi tên chi nhánh dài, chữ tràn ra nhiều hơn 2 dòng, làm mất sự đồng đều giữa các item trong hàng cuộn ngang.

Yêu cầu chỉnh sửa​

#Yêu cầuChi tiết
1.1Căn giữa chữ tên chi nhánhCăn chỉnh text dưới mỗi icon chi nhánh về center (text-align: center)
1.2Giới hạn tối đa 2 dòng chữCắt ngắn (truncate/clamp) text tên chi nhánh tối đa 2 dòng — nếu tên quá dài thì dùng ... ở cuối dòng 2 (numberOfLines={2} trên React Native Text)
1.3Chiều cao đồng đềuĐảm bảo tất cả các item chi nhánh trong hàng cuộn ngang có chiều cao bằng nhau dù tên chi nhánh ngắn hay dài

Ví dụ code React Native:

<Text
  numberOfLines={2}
  ellipsizeMode="tail"
  style={{
    textAlign: 'center',
    fontSize: 12,
    marginTop: 6,
    lineHeight: 16,
    // chiều cao cố định = 2 dòng x lineHeight
    height: 32,
  }}
>
  {branch.name}
</Text>

2. Ẩn Section "Dịch Vụ Spa" Khi Đang Xem Chi Tiết Chi Nhánh​

Hiện trạng​

Trong ảnh feedback, khi người dùng đang ở màn hình chi tiết một chi nhánh (đã click vào một chi nhánh cụ thể), phía dưới vẫn đang hiển thị section "Dịch vụ spa →" kèm lưới danh mục dịch vụ (Massage Body, Body Scrub...).

Điều này gây nhầm lẫn ngữ cảnh vì:

  • Người dùng đang xem thông tin chi tiết của một chi nhánh.
  • Việc hiển thị danh sách "Dịch vụ spa" ở đây làm loãng nội dung và không thuộc ngữ cảnh màn hình chi tiết chi nhánh.

Yêu cầu chỉnh sửa​

  • Ẩn hoàn toàn section "Dịch vụ spa" khỏi màn hình chi tiết chi nhánh (Branch Detail Screen).
  • Section "Dịch vụ spa" chỉ được hiển thị trên trang chủ (Home) theo đúng luồng điều hướng ban đầu, không xuất hiện bên trong màn hình chi tiết chi nhánh.
  • Kiểm tra lại logic render để chắc chắn component danh sách dịch vụ không bị mount nhầm vào màn hình chi tiết chi nhánh.

Tóm Tắt Checklist​

#Hạng mụcTrạng thái
1Căn giữa chữ tên chi nhánh dưới icon☐ Chưa làm
2Giới hạn tối đa 2 dòng chữ tên chi nhánh☐ Chưa làm
3Chiều cao item đồng đều trong hàng cuộn ngang☐ Chưa làm
4Ẩn section "Dịch vụ spa" khỏi màn hình chi tiết chi nhánh☐ Chưa làm