GitHub GitHub GitHub

Daftar Kontak

Overview
Tambah Kontak

2.1 Tampilan Halaman Contact

Halaman Contact dapat diakses melalui navigasi utama. Halaman ini menampilkan seluruh kontak yang tersimpan dalam sistem secara tabel. Berikut tampilan halaman Contact:

Screenshot Cognivo

Gambar 1 – Tampilan halaman daftar Contact

2.2 Kolom Tabel Contact

Setiap baris pada tabel Contact mewakili satu kontak, dengan kolom-kolom berikut:

Kolom Deskripsi
Name Nama lengkap kontak. Jika belum diisi, sistem menggunakan nomor WhatsApp sebagai nama default. Avatar/inisial ditampilkan di sisi kiri nama.
Email Alamat email kontak (bersifat opsional).
WhatsApp No. Nomor WhatsApp kontak dalam format internasional (contoh: 628xxxxxxxxx).
Lead Score Skor lead kontak secara numerik. Default 0. Digunakan untuk mengukur kualitas prospek.
Tags Label/tag yang diberikan pada kontak untuk kategorisasi (contoh: ivo, qa, dua, ihc).
Last Contacted Tanggal dan waktu terakhir kontak berinteraksi dengan tim (format: DD Mon, YYYY, HH:MM).
Action Kumpulan tombol aksi cepat: WA Call, Chat, View Detail, dan opsi menu lainnya.

2.3 Tombol Aksi pada Setiap Baris

Setiap baris kontak memiliki empat tombol aksi di kolom Action (kanan):

  • WA Call (ikon telepon) — Melakukan panggilan WhatsApp langsung ke kontak.

  • Chat (ikon balon pesan) — Membuka percakapan WhatsApp dengan kontak di modul Interactions.

  • View Detail (ikon mata) — Membuka halaman detail kontak.

  • Menu (ikon tiga titik) — Menampilkan opsi tambahan seperti Edit atau Delete.

2.4 Pencarian Kontak

Di bagian atas tabel, tersedia kolom pencarian dengan placeholder "Search contact...". Pengguna dapat mengetik nama, email, atau nomor WhatsApp untuk memfilter kontak secara real-time.

ℹ️ Pencarian bersifat instan — tabel akan diperbarui seiring pengguna mengetik tanpa perlu menekan tombol Enter.