Mengelola Talents
Halaman Talents menampilkan daftar semua talent yang terdaftar di platform dalam format card yang informatif dan mudah dibaca. Halaman ini memungkinkan Kamu untuk mencari, memfilter, dan menjelajahi talent sesuai kebutuhan Circle Kamu.
Akses Halaman Talents
Untuk mengakses halaman Talents:
- Login ke dashboard Circle di aplikasi darisini
- Navigasi ke menu Talents atau akses langsung melalui URL:
/talents - Kamu akan melihat halaman daftar Talents
Struktur Card Display
Setiap talent ditampilkan dalam bentuk card yang berisi informasi lengkap. Berikut adalah tabel struktur card display:
| Elemen | Deskripsi | Tipe Data |
|---|---|---|
| User Avatar | Foto profil talent | Image (circular, 40x40px) |
| Nama Lengkap | Nama lengkap talent | Text (header, size sm) |
| Alamat email talent | Text (secondary color, size sm) | |
| Profession | Kategori profesi yang dikuasai | Text (header, size lg, capitalized) |
| Work Location | Tipe dan alamat lokasi kerja | Component (TalentLocation) |
| Skills | Daftar skill yang dimiliki | Component (TalentSkillList) |
| Copy Phone Button | Tombol untuk menyalin nomor telepon | Button (ghost variant, icon Phone) |
Search Bar
Halaman Talents dilengkapi dengan search bar yang memungkinkan Kamu untuk mencari talent berdasarkan:
- Profesi: Ketik nama profesi untuk mencari talent dengan profesi tertentu
- Skill: Ketik nama skill untuk mencari talent yang memiliki skill tersebut
Cara Menggunakan Search Bar
- Klik pada search bar di bagian atas halaman
- Ketik profesi atau skill yang ingin Kamu cari
- Hasil pencarian akan otomatis ter-update saat Kamu mengetik
- Sistem akan mencari di semua field profesi dan skill
Filter Dialog
Selain search bar, Kamu juga dapat menggunakan filter dialog untuk menyempitkan pencarian. Klik tombol Filter di sebelah search bar untuk membuka filter dialog.
Untuk panduan lengkap tentang menggunakan filter, lihat dokumentasi Menggunakan Filter.
Layout Card Grid
Talents ditampilkan dalam grid layout yang responsif:
- Mobile: 1 kolom
- Tablet (lg): 2 kolom
- Desktop (2xl): 4 kolom
Setiap card memiliki shadow dan spacing yang konsisten untuk kemudahan membaca.
Informasi Detail Card
User Information Section
Bagian atas card menampilkan informasi user:
- Avatar: Foto profil talent dalam bentuk circular
- Nama: Nama lengkap talent dengan style header
- Email: Alamat email dengan warna secondary
- Copy Phone Button: Tombol dengan icon phone untuk menyalin nomor telepon
Profession Section
Bagian tengah card menampilkan:
- Profession Label: Kategori profesi yang dikuasai (contoh: "Software Developer", "Graphic Designer")
- Work Location:
- Tipe lokasi: On Site, Remote, atau Both
- Alamat lokasi kerja (jika tersedia)
Skills Section
Bagian bawah card menampilkan daftar skill yang dimiliki talent. Skills ditampilkan sebagai badge atau tag yang mudah dibaca.
Pagination
Jika terdapat banyak talent, halaman akan menampilkan 25 talent per halaman. Gunakan tombol "Muat Lainnya" di bagian bawah untuk memuat talent berikutnya.
Status Tombol Pagination
- "Muat Lainnya": Muncul ketika masih ada talent yang belum ditampilkan
- "Seluruh data sudah ditampilkan": Muncul ketika semua talent sudah ditampilkan dan tombol menjadi disabled
Empty State
Jika tidak ada talent yang ditemukan berdasarkan pencarian atau filter yang Kamu gunakan, halaman akan menampilkan pesan "Tidak ada data" dengan deskripsi "Silakan buat cari dengan filter lain".
Copy Phone Number
Untuk menyalin nomor telepon talent:
- Klik tombol Phone (ikon telepon) di bagian kanan atas card
- Nomor telepon akan otomatis tersalin ke clipboard
- Kamu akan melihat notifikasi bahwa nomor telah berhasil disalin
- Paste nomor di aplikasi yang Kamu inginkan
Tips
- Gunakan kombinasi search bar dan filter untuk mendapatkan hasil yang lebih spesifik
- Periksa informasi lokasi kerja untuk memastikan kompatibilitas dengan kebutuhan proyek
- Gunakan pagination untuk menjelajahi semua talent yang tersedia
- Simpan nomor telepon talent yang menarik untuk referensi di kemudian hari