Skip to content

[Task]: Redesain UI/UX Halaman Mitra dengan Pendekatan Triage-First (apps/web) #36

Open

Description

@Oktavian19

Goal & Scope

  • Problem: Header dan antarmuka halaman Mitra saat ini memuat terlalu banyak detail sekunder statis (nomor izin, alamat panjang, identitas PIC, berbagai kotak angka) yang membingungkan pihak faskes dan mengalihkan fokus dari tugas utama (menangani rujukan pasien masuk).
  • Scope:
    • Menyederhanakan header faskes menjadi lebih ringkas dan memindahkan rincian profil/izin faskes ke drawer atau tab profil terpisah.
    • Menghadirkan Triage-First Dashboard: Menyorot kartu aksi utama ("Rujukan Pasien Baru Butuh Penugasan" & "Ketersediaan Psikolog Siap Praktik") di posisi paling atas layar.
    • Memperjelas hierarki kartu rujukan pasien dengan indikator urgensi klinis DASS-21, waktu tunggu, dan tombol cepat penugasan psikolog.
  • Out of Scope: Integrasi langsung dengan API backend rumah sakit/SIMRS eksternal.

Acceptance Criteria

  • Header faskes tampil bersih, rapi, dan menonjolkan nama faskes serta status penerimaan rujukan.
  • Metrik krusial rujukan baru dan ketersediaan psikolog ter-highlight jelas tanpa distraksi visual berlebih.
  • Alur penugasan rujukan pasien ke psikolog naungan faskes lebih cepat dan minim klik.
  • Tampilan responsif pada resolusi desktop, tablet, maupun mobile.
  • Lulus pengujian build (pnpm build) tanpa error.

Technical Notes & Architecture

  • Komponen target: apps/web/src/pages/PartnerDashboardPage.tsx, PartnerReferralsTab.tsx, PartnerProfileTab.tsx.
  • Styling: Tailwind CSS responsif breakpoints.

Definition of Done

  • Branch mematuhi konvensi {type}/{issue}-{slug}.
  • Tangkapan layar perbandingan sebelum dan sesudah redesain disertakan dalam PR.

Activity

  1. self-assigned this
    on Nov 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

featNew feature

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions