Skip to main content

Mengelola Group & Admin

Halaman Group & Admin menampilkan daftar semua action link yang telah dibuat untuk event dalam format card list yang informatif dan mudah dibaca. Action link memungkinkan Kamu untuk melampirkan link-link penting seperti group WhatsApp peserta, link upload, atau kebutuhan lainnya yang akan dikirimkan melalui email setelah peserta selesai melakukan pembayaran.

Akses Halaman Group & Admin​

Untuk mengakses halaman Group & Admin:

  1. Buka halaman detail event di /events/{eventId}
  2. Klik menu "Group & Admin" di grid Pengaturan Event
  3. Atau akses langsung melalui URL: /events/{eventId}/action-links
  4. Kamu akan melihat halaman daftar Group & Admin

Info Banner​

Di bagian atas halaman terdapat info banner yang menjelaskan fungsi fitur Group & Admin:

  • Icon: Icon withdraw dengan ukuran 128px × 128px
  • Description: Penjelasan bahwa fitur ini digunakan untuk melampirkan link yang diperlukan untuk menjalankan event, seperti group peserta, upload, atau kebutuhan lainnya
  • Info: Link akan dikirimkan melalui email setelah peserta selesai melakukan pembayaran
  • Action Button: Tombol "Tambah Group & Admin" untuk membuat action link baru

Struktur Card Display​

Halaman Group & Admin menampilkan action link dalam bentuk card list. Berikut adalah tabel struktur card display:

ElemenDeskripsiTipe Data
IconIcon LinkLinkIcon Component
LabelLabel atau nama action linkText (variant header)
URLURL action linkText (size sm)
ActionsTombol aksi (Edit, Delete, View)Button Group

Setiap action link ditampilkan dalam card yang berisi:

Layout Card​

Card memiliki layout horizontal dengan beberapa bagian:

  • Icon Section: Icon Link di bagian kiri
  • Info Section: Label dan URL di tengah
  • Actions Section: Tombol aksi di bagian kanan

Icon Section​

Bagian icon menampilkan:

  • LinkIcon: Icon link dengan ukuran default

Info Section​

Bagian info menampilkan:

  • Label: Label atau nama action link dengan style variant header
  • URL: URL action link dengan style size sm

Actions Section​

Bagian actions menampilkan:

  • Edit Button:
    • Icon PencilLine (ukuran 20px, stroke orange-500)
    • Variant ghost
    • Hover background orange-100
  • Delete Button:
    • Icon Trash (ukuran 20px, stroke red-500)
    • Variant ghost
    • Hover background red-100
  • View Button:
    • Icon ExternalLink (ukuran 16px)
    • Variant default
    • Size xs
    • Text "Lihat"
    • Link eksternal ke URL action link

Layout Card List​

Action link ditampilkan dalam list layout vertikal:

  • Setiap card memiliki spacing yang konsisten
  • Card memiliki shadow untuk kemudahan membaca
  • Card ditampilkan secara vertikal dengan spacing 4 (space-y-4)

Create Button​

Terdapat tombol untuk membuat action link baru:

  • Title: "Tambah Group & Admin"
  • Position: Di dalam info banner
  • Action: Link ke halaman create action link

Actions pada Card​

Setiap card action link memiliki beberapa aksi:

Edit Action​

  • Icon: PencilLine (ukuran 20px, stroke orange-500)
  • Variant: Ghost
  • Hover: Background orange-100
  • Action: Mengarahkan ke halaman update action link: /events/{eventId}/action-links/{actionLinkId}/update

Delete Action​

  • Icon: Trash (ukuran 20px, stroke red-500)
  • Variant: Ghost
  • Hover: Background red-100
  • Action: Membuka dialog konfirmasi penghapusan action link

View Action​

  • Icon: ExternalLink (ukuran 16px)
  • Variant: Default
  • Size: XS
  • Text: "Lihat"
  • Action: Membuka URL action link di tab baru

Empty State​

Jika belum ada action link yang dibuat, halaman akan menampilkan:

  • Empty State Component: Pesan "Tidak ada data"
  • Description: "Silakan tambah Group & Admin terlebih dahulu"
  • Action: Tidak ada tombol action (karena create button sudah ada di info banner)

Untuk mengupdate action link:

  1. Klik tombol Edit (icon PencilLine) pada card action link yang ingin diubah
  2. Kamu akan diarahkan ke halaman update: /events/{eventId}/action-links/{actionLinkId}/update
  3. Di halaman update, Kamu dapat mengubah informasi action link

Untuk menghapus action link:

  1. Klik tombol Delete (icon Trash) pada card action link yang ingin dihapus
  2. Dialog konfirmasi penghapusan akan muncul
  3. Konfirmasi penghapusan
  4. Action link akan dihapus dari sistem

Peringatan: Hapus action link dengan hati-hati. Action link yang sudah dikirim ke peserta melalui email mungkin masih digunakan oleh peserta.

Untuk membuka action link:

  1. Klik tombol Lihat (icon ExternalLink) pada card action link
  2. URL akan dibuka di tab baru browser
  3. Kamu dapat memverifikasi bahwa link masih aktif dan dapat diakses

Action link akan dikirimkan kepada peserta melalui email setelah mereka selesai melakukan pembayaran. Link-link ini dapat digunakan untuk:

  • Group WhatsApp: Link untuk bergabung ke group WhatsApp peserta event
  • Link Upload: Link untuk mengupload dokumen atau file yang diperlukan
  • Link Admin: Link untuk mengakses admin panel atau dashboard event
  • Link Lainnya: Link-link lain yang diperlukan untuk menjalankan event

Tips​

  • Buat action link dengan label yang jelas dan mudah dipahami
  • Pastikan URL action link masih aktif dan dapat diakses
  • Gunakan action link untuk memudahkan komunikasi dengan peserta
  • Verifikasi link secara berkala untuk memastikan masih dapat diakses
  • Hapus action link yang sudah tidak relevan atau tidak digunakan lagi
  • Gunakan View button untuk memverifikasi link sebelum membagikan ke peserta
Last updated on