1.2 KiB
1.2 KiB
Prompt: Tạo một component tags ở components/map
Mục tiêu
- Tạo một component TagState để:
- Mình có thể hiển thị số lượng thiết bị Bình thường, Cảnh báo, Nguy hiểm, SOS, Mất kết nối
- Mình sẽ truyền vào số lượng các thiết bị ở các trạng thái
- Nếu số lượng truyền vào bằng 0 thì sẽ không hiển thị
- Có callback khi nhấn vào tag
- Quy định màu:
- Bình thường:
- Chưa nhấn: nền trắng, chữ xanh, màu viền xanh lá
- Khi nhấn: nền xanh lá cây, chữ trắng, màu viền xanh lá
- Cảnh báo
- Chưa nhấn: nền trắng, chữ vàng, màu viền vàng
- Khi nhấn: nền vàng, chữ trắng, màu viền vàng
- Nguy hiểm
- Chưa nhấn: nền trắng, chữ cam, màu viền cam
- Khi nhấn: nền cam, chữ trắng, màu viền cam
- SOS
- Chưa nhấn: nền trắng, chữ đỏ, màu viền đỏ
- Khi nhấn: nền đỏ, chữ trắng, màu viền đỏ
- Mất kết nối
- Chưa nhấn: nền trắng, chữ xám đậm, màu viền xám đậm
- Khi nhấn: nền xám đậm, chữ trắng, màu viền xám đậm
- Bình thường: