Fix All Text Input User & Admin, fix deskripsi detail break word

This commit is contained in:
2025-09-29 14:06:04 +08:00
parent 2a26db6e17
commit dbd56a1493
319 changed files with 965 additions and 817 deletions

View File

@@ -173,7 +173,7 @@ function EditArtikelKesehatan() {
<TextInput
label="Judul"
placeholder="Masukkan judul artikel"
value={formData.title}
defaultValue={formData.title}
onChange={(e) => setFormData(prev => ({ ...prev, title: e.target.value }))}
required
/>
@@ -235,14 +235,14 @@ function EditArtikelKesehatan() {
<TextInput
label="Deskripsi"
placeholder="Masukkan deskripsi artikel"
value={formData.content}
defaultValue={formData.content}
onChange={(e) => setFormData(prev => ({ ...prev, content: e.target.value }))}
required
/>
<TextInput
label="Pendahuluan"
placeholder="Masukkan pendahuluan"
value={formData.introduction.content}
defaultValue={formData.introduction.content}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -258,7 +258,7 @@ function EditArtikelKesehatan() {
<TextInput
label="Judul Gejala"
placeholder="Masukkan judul gejala"
value={formData.symptom.title}
defaultValue={formData.symptom.title}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -283,7 +283,7 @@ function EditArtikelKesehatan() {
<Text fw="bold">Pencegahan</Text>
<TextInput
label="Judul"
value={formData.prevention.title}
defaultValue={formData.prevention.title}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -307,7 +307,7 @@ function EditArtikelKesehatan() {
<Text fw="bold">Pertolongan Pertama</Text>
<TextInput
label="Judul"
value={formData.firstAid.title}
defaultValue={formData.firstAid.title}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -331,7 +331,7 @@ function EditArtikelKesehatan() {
<Text fw="bold">Mitos vs Fakta</Text>
<TextInput
label="Judul"
value={formData.mythVsFact.title}
defaultValue={formData.mythVsFact.title}
onChange={(e) =>
setFormData(prev => ({
...prev,

View File

@@ -103,13 +103,13 @@ function DetailArtikelKesehatan() {
{/* Deskripsi */}
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.content }} />
</Box>
{/* Pendahuluan */}
<Box>
<Text fz="lg" fw="bold">Pendahuluan</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.introduction?.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.introduction?.content }} />
</Box>
{/* Gejala */}
@@ -118,7 +118,7 @@ function DetailArtikelKesehatan() {
<Text fz="md" fw="bold">Judul</Text>
<Text fz="md" c="dimmed">{data.symptom?.title}</Text>
<Text fz="md" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.symptom?.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.symptom?.content }} />
</Box>
{/* Pencegahan */}
@@ -127,7 +127,7 @@ function DetailArtikelKesehatan() {
<Text fz="md" fw="bold">Judul</Text>
<Text fz="md" c="dimmed">{data.prevention?.title}</Text>
<Text fz="md" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.prevention?.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.prevention?.content }} />
</Box>
{/* Pertolongan Pertama */}
@@ -136,7 +136,7 @@ function DetailArtikelKesehatan() {
<Text fz="md" fw="bold">Judul</Text>
<Text fz="md" c="dimmed">{data.firstaid?.title}</Text>
<Text fz="md" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.firstaid?.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.firstaid?.content }} />
</Box>
{/* Mitos vs Fakta */}
@@ -145,15 +145,15 @@ function DetailArtikelKesehatan() {
<Text fz="md" fw="bold">Judul</Text>
<Text fz="md" c="dimmed">{data.mythvsfact?.title}</Text>
<Text fz="md" fw="bold">Mitos</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.mythvsfact?.mitos }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.mythvsfact?.mitos }} />
<Text fz="md" fw="bold">Fakta</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.mythvsfact?.fakta }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.mythvsfact?.fakta }} />
</Box>
{/* Kapan ke Dokter */}
<Box>
<Text fz="lg" fw="bold">Kapan Harus ke Dokter</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.doctorsign?.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.doctorsign?.content }} />
</Box>
{/* Aksi */}

View File

@@ -167,7 +167,7 @@ function CreateArtikelKesehatan() {
<TextInput
label={"Judul"}
placeholder="Masukkan judul"
value={stateArtikelKesehatan.create.form.title}
defaultValue={stateArtikelKesehatan.create.form.title}
onChange={(e) => {
stateArtikelKesehatan.create.form.title = e.target.value;
}}
@@ -176,7 +176,7 @@ function CreateArtikelKesehatan() {
<TextInput
label={"Deskripsi"}
placeholder="Masukkan deskripsi"
value={stateArtikelKesehatan.create.form.content}
defaultValue={stateArtikelKesehatan.create.form.content}
onChange={(e) => {
stateArtikelKesehatan.create.form.content = e.target.value;
}}
@@ -186,7 +186,7 @@ function CreateArtikelKesehatan() {
label={"Pendahuluan"}
placeholder="Masukkan pendahuluan"
required
value={stateArtikelKesehatan.create.form.introduction.content}
defaultValue={stateArtikelKesehatan.create.form.introduction.content}
onChange={(e) => {
stateArtikelKesehatan.create.form.introduction.content = e.target.value;
}}
@@ -200,7 +200,7 @@ function CreateArtikelKesehatan() {
label={"Judul Gejala"}
required
placeholder="Masukkan judul gejala penyakit"
value={stateArtikelKesehatan.create.form.symptom.title}
defaultValue={stateArtikelKesehatan.create.form.symptom.title}
onChange={(e) => {
stateArtikelKesehatan.create.form.symptom.title = e.target.value;
}}
@@ -224,7 +224,7 @@ function CreateArtikelKesehatan() {
label={"Judul Pencegahan"}
required
placeholder="Masukkan judul"
value={stateArtikelKesehatan.create.form.prevention.title}
defaultValue={stateArtikelKesehatan.create.form.prevention.title}
onChange={(e) => {
stateArtikelKesehatan.create.form.prevention.title = e.target.value;
}}
@@ -245,7 +245,7 @@ function CreateArtikelKesehatan() {
label={"Judul Pertolongan Pertama"}
required
placeholder="Masukkan judul"
value={stateArtikelKesehatan.create.form.firstAid.title}
defaultValue={stateArtikelKesehatan.create.form.firstAid.title}
onChange={(e) => {
stateArtikelKesehatan.create.form.firstAid.title = e.target.value;
}}
@@ -266,7 +266,7 @@ function CreateArtikelKesehatan() {
label={"Judul Mitos dan Fakta"}
required
placeholder="Masukkan judul"
value={stateArtikelKesehatan.create.form.mythVsFact.title}
defaultValue={stateArtikelKesehatan.create.form.mythVsFact.title}
onChange={(e) => {
stateArtikelKesehatan.create.form.mythVsFact.title = e.target.value;
}}

View File

@@ -156,7 +156,7 @@ function EditFasilitasKesehatan() {
<TextInput
label="Nama Fasilitas Kesehatan"
placeholder="Masukkan nama fasilitas kesehatan"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData(prev => ({ ...prev, name: e.target.value }))}
required
/>
@@ -166,7 +166,7 @@ function EditFasilitasKesehatan() {
<Text fw="bold" mb={5}>Informasi Umum</Text>
<TextInput
label="Fasilitas"
value={formData.informasiUmum.fasilitas}
defaultValue={formData.informasiUmum.fasilitas}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -176,7 +176,7 @@ function EditFasilitasKesehatan() {
/>
<TextInput
label="Alamat"
value={formData.informasiUmum.alamat}
defaultValue={formData.informasiUmum.alamat}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -186,7 +186,7 @@ function EditFasilitasKesehatan() {
/>
<TextInput
label="Jam Operasional"
value={formData.informasiUmum.jamOperasional}
defaultValue={formData.informasiUmum.jamOperasional}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -215,7 +215,7 @@ function EditFasilitasKesehatan() {
<Text fw="bold" mb={5}>Dokter dan Tenaga Medis</Text>
<TextInput
label="Nama Dokter"
value={formData.dokterdanTenagaMedis.name}
defaultValue={formData.dokterdanTenagaMedis.name}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -225,7 +225,7 @@ function EditFasilitasKesehatan() {
/>
<TextInput
label="Specialist"
value={formData.dokterdanTenagaMedis.specialist}
defaultValue={formData.dokterdanTenagaMedis.specialist}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -235,7 +235,7 @@ function EditFasilitasKesehatan() {
/>
<TextInput
label="Jadwal"
value={formData.dokterdanTenagaMedis.jadwal}
defaultValue={formData.dokterdanTenagaMedis.jadwal}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -278,7 +278,7 @@ function EditFasilitasKesehatan() {
<Text fw="bold" mb={5}>Tarif dan Layanan</Text>
<TextInput
label="Tarif"
value={formData.tarifDanLayanan.tarif}
defaultValue={formData.tarifDanLayanan.tarif}
onChange={(e) =>
setFormData(prev => ({
...prev,
@@ -288,7 +288,7 @@ function EditFasilitasKesehatan() {
/>
<TextInput
label="Layanan"
value={formData.tarifDanLayanan.layanan}
defaultValue={formData.tarifDanLayanan.layanan}
onChange={(e) =>
setFormData(prev => ({
...prev,

View File

@@ -88,24 +88,24 @@ function DetailFasilitasKesehatan() {
<Text fz="md" fw="bold">Fasilitas</Text>
<Text fz="md" c="dimmed">{data.informasiumum?.fasilitas || '-'}</Text>
<Text fz="md" fw="bold">Alamat</Text>
<Text fz="md" c="dimmed">{data.informasiumum?.alamat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.informasiumum?.alamat || '-'}</Text>
<Text fz="md" fw="bold">Jam Operasional</Text>
<Text fz="md" c="dimmed">{data.informasiumum?.jamOperasional || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Layanan Unggulan</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.layananunggulan?.content || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.layananunggulan?.content || '-' }} />
</Box>
<Box>
<Text fz="lg" fw="bold">Fasilitas Pendukung</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.fasilitaspendukung?.content || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.fasilitaspendukung?.content || '-' }} />
</Box>
<Box>
<Text fz="lg" fw="bold">Prosedur Pendaftaran</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.prosedurpendaftaran?.content || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.prosedurpendaftaran?.content || '-' }} />
</Box>
<Box>

View File

@@ -92,7 +92,7 @@ function CreateFasilitasKesehatan() {
<TextInput
label={"Nama Fasilitas Kesehatan"}
placeholder="Masukkan nama fasilitas kesehatan"
value={stateFasilitasKesehatan.create.form.name}
defaultValue={stateFasilitasKesehatan.create.form.name}
onChange={(e) => (stateFasilitasKesehatan.create.form.name = e.target.value)}
required
/>
@@ -103,21 +103,21 @@ function CreateFasilitasKesehatan() {
<TextInput
label="Fasilitas"
placeholder="Masukkan fasilitas"
value={stateFasilitasKesehatan.create.form.informasiUmum.fasilitas}
defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.fasilitas}
onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.fasilitas = e.target.value)}
required
/>
<TextInput
label="Alamat"
placeholder="Masukkan alamat"
value={stateFasilitasKesehatan.create.form.informasiUmum.alamat}
defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.alamat}
onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.alamat = e.target.value)}
required
/>
<TextInput
label="Jam Operasional"
placeholder="Masukkan jam operasional"
value={stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional}
defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional}
onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional = e.target.value)}
required
/>
@@ -138,21 +138,21 @@ function CreateFasilitasKesehatan() {
<TextInput
label="Nama Dokter"
placeholder="Masukkan nama dokter"
value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name = e.target.value)}
required
/>
<TextInput
label="Spesialis"
placeholder="Masukkan spesialis"
value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist = e.target.value)}
required
/>
<TextInput
label="Jadwal"
placeholder="Masukkan jadwal"
value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal = e.target.value)}
required
/>
@@ -182,14 +182,14 @@ function CreateFasilitasKesehatan() {
<TextInput
label="Tarif"
placeholder="Masukkan tarif"
value={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
defaultValue={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif = e.target.value)}
required
/>
<TextInput
label="Layanan"
placeholder="Masukkan layanan"
value={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
defaultValue={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan = e.target.value)}
required
/>

View File

@@ -40,7 +40,7 @@ function CreateDokter() {
<TextInput
label={<Text fz="sm" fw="bold">Nama Dokter</Text>}
placeholder="masukkan nama dokter"
value={createState.create.create.form.name}
defaultValue={createState.create.create.form.name}
onChange={(e) => {
createState.create.create.form.name = e.target.value;
}}
@@ -49,7 +49,7 @@ function CreateDokter() {
<TextInput
label={<Text fz="sm" fw="bold">Specialist</Text>}
placeholder="masukkan specialist"
value={createState.create.create.form.specialist}
defaultValue={createState.create.create.form.specialist}
onChange={(e) => {
createState.create.create.form.specialist = e.target.value;
}}

View File

@@ -101,7 +101,7 @@ function EditGrafikHasilKepuasan() {
>
<Stack gap="md">
<TextInput
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
label="Nama"
placeholder="Masukkan nama"
@@ -109,14 +109,14 @@ function EditGrafikHasilKepuasan() {
/>
<TextInput
type="date"
value={formData.tanggal}
defaultValue={formData.tanggal}
onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
label="Tanggal"
placeholder="Masukkan tanggal"
required
/>
<TextInput
value={formData.jenisKelamin}
defaultValue={formData.jenisKelamin}
onChange={(e) =>
setFormData({ ...formData, jenisKelamin: e.target.value })
}
@@ -125,14 +125,14 @@ function EditGrafikHasilKepuasan() {
required
/>
<TextInput
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
label="Alamat"
placeholder="Masukkan alamat"
required
/>
<TextInput
value={formData.penyakit}
defaultValue={formData.penyakit}
onChange={(e) => setFormData({ ...formData, penyakit: e.target.value })}
label="Penyakit"
placeholder="Masukkan penyakit"

View File

@@ -72,7 +72,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
<TextInput
label="Nama"
placeholder="Masukkan nama"
value={stateGrafikKepuasan.create.form.nama}
defaultValue={stateGrafikKepuasan.create.form.nama}
onChange={(e) => (stateGrafikKepuasan.create.form.nama = e.target.value)}
required
/>
@@ -80,28 +80,28 @@ function CreateGrafikHasilKepuasanMasyarakat() {
type="date"
label="Tanggal"
placeholder="Masukkan tanggal"
value={stateGrafikKepuasan.create.form.tanggal}
defaultValue={stateGrafikKepuasan.create.form.tanggal}
onChange={(e) => (stateGrafikKepuasan.create.form.tanggal = e.target.value)}
required
/>
<TextInput
label="Jenis Kelamin"
placeholder="Masukkan jenis kelamin"
value={stateGrafikKepuasan.create.form.jenisKelamin}
defaultValue={stateGrafikKepuasan.create.form.jenisKelamin}
onChange={(e) => (stateGrafikKepuasan.create.form.jenisKelamin = e.target.value)}
required
/>
<TextInput
label="Alamat"
placeholder="Masukkan alamat"
value={stateGrafikKepuasan.create.form.alamat}
defaultValue={stateGrafikKepuasan.create.form.alamat}
onChange={(e) => (stateGrafikKepuasan.create.form.alamat = e.target.value)}
required
/>
<TextInput
label="Penyakit"
placeholder="Masukkan penyakit"
value={stateGrafikKepuasan.create.form.penyakit}
defaultValue={stateGrafikKepuasan.create.form.penyakit}
onChange={(e) => (stateGrafikKepuasan.create.form.penyakit = e.target.value)}
required
/>

View File

@@ -160,7 +160,7 @@ function EditJadwalKegiatan() {
<TextInput
label="Nama Jadwal Kegiatan"
placeholder="Masukkan nama jadwal kegiatan"
value={formData.content}
defaultValue={formData.content}
onChange={(e) => setFormData((prev) => ({ ...prev, content: e.target.value }))}
/>
@@ -179,22 +179,31 @@ function EditJadwalKegiatan() {
{/* Informasi Jadwal */}
<Box>
<Text fz="md" fw="bold">Informasi Jadwal Kegiatan</Text>
<TextInput label="Nama" value={formData.informasiJadwalKegiatan.name}
<TextInput
label="Nama"
defaultValue={formData.informasiJadwalKegiatan.name}
onChange={(e) => setFormData((prev) => ({
...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, name: e.target.value }
}))}
/>
<TextInput type="date" label="Tanggal" value={formData.informasiJadwalKegiatan.tanggal}
<TextInput
type="date"
label="Tanggal"
defaultValue={formData.informasiJadwalKegiatan.tanggal}
onChange={(e) => setFormData((prev) => ({
...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, tanggal: e.target.value }
}))}
/>
<TextInput label="Waktu" value={formData.informasiJadwalKegiatan.waktu}
<TextInput
label="Waktu"
defaultValue={formData.informasiJadwalKegiatan.waktu}
onChange={(e) => setFormData((prev) => ({
...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, waktu: e.target.value }
}))}
/>
<TextInput label="Lokasi" value={formData.informasiJadwalKegiatan.lokasi}
<TextInput
label="Lokasi"
defaultValue={formData.informasiJadwalKegiatan.lokasi}
onChange={(e) => setFormData((prev) => ({
...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, lokasi: e.target.value }
}))}

View File

@@ -83,31 +83,31 @@ function DetailJadwalKegiatan() {
<Text fz="md" fw="bold">Waktu</Text>
<Text fz="md" c="dimmed">{data.informasijadwalkegiatan.waktu || '-'}</Text>
<Text fz="md" fw="bold">Lokasi</Text>
<Text fz="md" c="dimmed">{data.informasijadwalkegiatan.lokasi || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.informasijadwalkegiatan.lokasi || '-'}</Text>
</Box>
{/* Deskripsi */}
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsijadwalkegiatan.deskripsi }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsijadwalkegiatan.deskripsi }} />
</Box>
{/* Layanan */}
<Box>
<Text fz="lg" fw="bold">Layanan</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.layananjadwalkegiatan.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.layananjadwalkegiatan.content }} />
</Box>
{/* Syarat Ketentuan */}
<Box>
<Text fz="lg" fw="bold">Syarat Ketentuan</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.syaratketentuanjadwalkegiatan.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.syaratketentuanjadwalkegiatan.content }} />
</Box>
{/* Dokumen */}
<Box>
<Text fz="lg" fw="bold">Dokumen</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.dokumenjadwalkegiatan.content }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.dokumenjadwalkegiatan.content }} />
</Box>
{/* Aksi */}

View File

@@ -87,7 +87,7 @@ function CreateJadwalKegiatan() {
<TextInput
label="Nama Jadwal Kegiatan"
placeholder="Masukkan nama jadwal kegiatan"
value={stateJadwalKegiatan.create.form.content}
defaultValue={stateJadwalKegiatan.create.form.content}
onChange={(e) => {
stateJadwalKegiatan.create.form.content = e.target.value;
}}
@@ -110,7 +110,7 @@ function CreateJadwalKegiatan() {
label="Nama"
required
placeholder="Masukkan nama"
value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name}
defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name}
onChange={(e) => {
stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name = e.target.value;
}}
@@ -119,7 +119,7 @@ function CreateJadwalKegiatan() {
type="date"
required
label="Tanggal"
value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal}
defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal}
onChange={(e) => {
stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal = e.target.value;
}}
@@ -128,7 +128,7 @@ function CreateJadwalKegiatan() {
label="Waktu"
required
placeholder="Masukkan waktu"
value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu}
defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu}
onChange={(e) => {
stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu = e.target.value;
}}
@@ -137,7 +137,7 @@ function CreateJadwalKegiatan() {
label="Lokasi"
required
placeholder="Masukkan lokasi"
value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi}
defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi}
onChange={(e) => {
stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi = e.target.value;
}}

View File

@@ -109,7 +109,7 @@ function EditKelahiran() {
>
<Stack gap="md">
<TextInput
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
label="Nama"
placeholder="Masukkan nama"
@@ -117,21 +117,21 @@ function EditKelahiran() {
/>
<TextInput
type="date"
value={formData.tanggal}
defaultValue={formData.tanggal}
onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
label="Tanggal"
placeholder="Masukkan tanggal"
required
/>
<TextInput
value={formData.jenisKelamin}
defaultValue={formData.jenisKelamin}
onChange={(e) => setFormData({ ...formData, jenisKelamin: e.target.value })}
label="Jenis Kelamin"
placeholder="Masukkan jenis kelamin"
required
/>
<TextInput
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
label="Alamat"
placeholder="Masukkan alamat"

View File

@@ -105,7 +105,7 @@ function DetailKelahiran() {
<Box>
<Text fz="lg" fw="bold">Alamat</Text>
<Text fz="md" c="dimmed">{data.alamat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.alamat || '-'}</Text>
</Box>

View File

@@ -74,7 +74,7 @@ function CreateKelahiran() {
<TextInput
label={<Text fw="bold" fz="sm">Nama</Text>}
placeholder="Masukkan nama"
value={createState.create.form.nama}
defaultValue={createState.create.form.nama}
onChange={(e) => (createState.create.form.nama = e.target.value)}
required
/>
@@ -82,21 +82,21 @@ function CreateKelahiran() {
type="date"
label={<Text fw="bold" fz="sm">Tanggal</Text>}
placeholder="Masukkan tanggal"
value={createState.create.form.tanggal}
defaultValue={createState.create.form.tanggal}
onChange={(e) => (createState.create.form.tanggal = e.target.value)}
required
/>
<TextInput
label={<Text fw="bold" fz="sm">Jenis Kelamin</Text>}
placeholder="Masukkan jenis kelamin"
value={createState.create.form.jenisKelamin}
defaultValue={createState.create.form.jenisKelamin}
onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
required
/>
<TextInput
label={<Text fw="bold" fz="sm">Alamat</Text>}
placeholder="Masukkan alamat"
value={createState.create.form.alamat}
defaultValue={createState.create.form.alamat}
onChange={(e) => (createState.create.form.alamat = e.target.value)}
required
/>

View File

@@ -107,7 +107,7 @@ function EditKematian() {
<TextInput
label="Nama"
placeholder="Masukkan nama"
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
required
/>
@@ -117,7 +117,7 @@ function EditKematian() {
type="date"
label="Tanggal"
placeholder="Masukkan tanggal"
value={formData.tanggal}
defaultValue={formData.tanggal}
onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
required
/>
@@ -126,7 +126,7 @@ function EditKematian() {
<TextInput
label="Jenis Kelamin"
placeholder="Masukkan jenis kelamin"
value={formData.jenisKelamin}
defaultValue={formData.jenisKelamin}
onChange={(e) => setFormData({ ...formData, jenisKelamin: e.target.value })}
required
/>
@@ -135,7 +135,7 @@ function EditKematian() {
<TextInput
label="Alamat"
placeholder="Masukkan alamat"
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
required
/>

View File

@@ -102,13 +102,13 @@ function DetailKematian() {
<Box>
<Text fz="lg" fw="bold">Alamat</Text>
<Text fz="md" c="dimmed">{data?.alamat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamat || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Penyebab</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.penyebab || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.penyebab || '-' }} />
</Box>

View File

@@ -83,7 +83,7 @@ function CreateKematian() {
<TextInput
label="Nama"
placeholder="Masukkan nama"
value={createState.create.form.nama}
defaultValue={createState.create.form.nama}
onChange={(e) => (createState.create.form.nama = e.target.value)}
required
/>
@@ -91,21 +91,21 @@ function CreateKematian() {
type="date"
label="Tanggal"
placeholder="Masukkan tanggal"
value={createState.create.form.tanggal}
defaultValue={createState.create.form.tanggal}
onChange={(e) => (createState.create.form.tanggal = e.target.value)}
required
/>
<TextInput
label="Jenis Kelamin"
placeholder="Masukkan jenis kelamin"
value={createState.create.form.jenisKelamin}
defaultValue={createState.create.form.jenisKelamin}
onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
required
/>
<TextInput
label="Alamat"
placeholder="Masukkan alamat"
value={createState.create.form.alamat}
defaultValue={createState.create.form.alamat}
onChange={(e) => (createState.create.form.alamat = e.target.value)}
required
/>

View File

@@ -120,7 +120,7 @@ function EditInfoWabahPenyakit() {
>
<Stack gap="md">
<TextInput
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
label="Judul"
placeholder="Masukkan judul"
@@ -128,7 +128,7 @@ function EditInfoWabahPenyakit() {
/>
<TextInput
value={formData.deskripsiSingkat}
defaultValue={formData.deskripsiSingkat}
onChange={(e) => setFormData({ ...formData, deskripsiSingkat: e.target.value })}
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"

View File

@@ -84,7 +84,7 @@ function DetailInfoWabahPenyakit() {
<Box>
<Text fz="lg" fw="bold">Deskripsi Singkat</Text>
<Text fz="md" c="dimmed">{data.deskripsiSingkat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsiSingkat || '-'}</Text>
</Box>
<Box>
@@ -93,6 +93,7 @@ function DetailInfoWabahPenyakit() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

View File

@@ -91,7 +91,7 @@ function CreateInfoWabahPenyakit() {
>
<Stack gap="md">
<TextInput
value={infoWabahPenyakitState.create.form.name}
defaultValue={infoWabahPenyakitState.create.form.name}
onChange={(val) => {
infoWabahPenyakitState.create.form.name = val.target.value;
}}
@@ -101,7 +101,7 @@ function CreateInfoWabahPenyakit() {
/>
<TextInput
value={infoWabahPenyakitState.create.form.deskripsiSingkat}
defaultValue={infoWabahPenyakitState.create.form.deskripsiSingkat}
onChange={(val) => {
infoWabahPenyakitState.create.form.deskripsiSingkat = val.target.value;
}}

View File

@@ -118,7 +118,7 @@ function EditKontakDarurat() {
>
<Stack gap="md">
<TextInput
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
label="Judul"
placeholder="Masukkan judul"

View File

@@ -78,6 +78,7 @@ function DetailKontakDarurat() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

View File

@@ -96,7 +96,7 @@ function CreateKontakDarurat() {
>
<Stack gap="md">
<TextInput
value={kontakDaruratState.create.form.name}
defaultValue={kontakDaruratState.create.form.name}
onChange={(val) => {
kontakDaruratState.create.form.name = val.target.value;
}}

View File

@@ -117,7 +117,7 @@ function EditPenangananDarurat() {
>
<Stack gap="md">
<TextInput
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
label="Judul"
placeholder="Masukkan judul"

View File

@@ -78,6 +78,7 @@ function DetailPenangananDarurat() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

View File

@@ -99,7 +99,7 @@ function CreatePenangananDarurat() {
<TextInput
label={<Text fw="bold" fz="sm">Judul</Text>}
placeholder="Masukkan judul"
value={penangananDaruratState.create.form.name}
defaultValue={penangananDaruratState.create.form.name}
onChange={(val) => {
penangananDaruratState.create.form.name = val.target.value;
}}

View File

@@ -192,7 +192,7 @@ function EditPosyandu() {
<TextInput
label="Nama Posyandu"
placeholder="Masukkan nama posyandu"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -201,7 +201,7 @@ function EditPosyandu() {
<TextInput
label="Nomor Posyandu"
placeholder="Masukkan nomor posyandu"
value={formData.nomor}
defaultValue={formData.nomor}
onChange={(e) => setFormData({ ...formData, nomor: e.target.value })}
required
/>

View File

@@ -93,6 +93,7 @@ function DetailPosyandu() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
@@ -103,6 +104,7 @@ function DetailPosyandu() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.jadwalPelayanan || '-' }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

View File

@@ -155,14 +155,14 @@ function CreatePosyandu() {
<TextInput
label="Nama Posyandu"
placeholder="Masukkan nama posyandu"
value={statePosyandu.create.form.name || ''}
defaultValue={statePosyandu.create.form.name || ''}
onChange={(e) => (statePosyandu.create.form.name = e.target.value)}
required
/>
<TextInput
label="Telepon Posyandu"
placeholder="Masukkan telepon posyandu"
value={statePosyandu.create.form.nomor || ''}
defaultValue={statePosyandu.create.form.nomor || ''}
onChange={(e) => (statePosyandu.create.form.nomor = e.target.value)}
required
/>

View File

@@ -120,7 +120,7 @@ function EditProgramKesehatan() {
>
<Stack gap="md">
<TextInput
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
label="Judul"
placeholder="Masukkan judul"
@@ -128,7 +128,7 @@ function EditProgramKesehatan() {
/>
<TextInput
value={formData.deskripsiSingkat}
defaultValue={formData.deskripsiSingkat}
onChange={(e) => setFormData({ ...formData, deskripsiSingkat: e.target.value })}
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"

View File

@@ -73,12 +73,12 @@ function DetailProgramKesehatan() {
<Box>
<Text fz="lg" fw="bold">Deskripsi Singkat</Text>
<Text fz="md" c="dimmed">{data?.deskripsiSingkat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.deskripsiSingkat || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
</Box>
<Box>

View File

@@ -92,7 +92,7 @@ function CreateProgramKesehatan() {
>
<Stack gap="md">
<TextInput
value={programKesehatanState.create.form.name}
defaultValue={programKesehatanState.create.form.name}
onChange={(val) => {
programKesehatanState.create.form.name = val.target.value;
}}
@@ -102,7 +102,7 @@ function CreateProgramKesehatan() {
/>
<TextInput
value={programKesehatanState.create.form.deskripsiSingkat}
defaultValue={programKesehatanState.create.form.deskripsiSingkat}
onChange={(val) => {
programKesehatanState.create.form.deskripsiSingkat = val.target.value;
}}

View File

@@ -183,7 +183,7 @@ function EditPuskesmas() {
label="Nama Puskesmas"
placeholder="Masukkan nama puskesmas"
name="name"
value={formData.name}
defaultValue={formData.name}
onChange={handleInputChange}
required
/>
@@ -192,7 +192,7 @@ function EditPuskesmas() {
label="Alamat"
placeholder="Masukkan alamat"
name="alamat"
value={formData.alamat}
defaultValue={formData.alamat}
onChange={handleInputChange}
required
/>
@@ -200,7 +200,7 @@ function EditPuskesmas() {
<TextInput
label="Jam Buka"
placeholder="Masukkan jam buka"
value={formData.jam.workDays}
defaultValue={formData.jam.workDays}
onChange={(e) => handleNestedChange('jam', 'workDays', e.target.value)}
required
/>
@@ -208,7 +208,7 @@ function EditPuskesmas() {
<TextInput
label="Jam Tutup"
placeholder="Masukkan jam tutup"
value={formData.jam.weekDays}
defaultValue={formData.jam.weekDays}
onChange={(e) => handleNestedChange('jam', 'weekDays', e.target.value)}
required
/>
@@ -216,7 +216,7 @@ function EditPuskesmas() {
<TextInput
label="Jam Libur"
placeholder="Masukkan jam libur"
value={formData.jam.holiday}
defaultValue={formData.jam.holiday}
onChange={(e) => handleNestedChange('jam', 'holiday', e.target.value)}
required
/>
@@ -224,28 +224,28 @@ function EditPuskesmas() {
<TextInput
label="Kontak Puskesmas"
placeholder="Masukkan kontak puskesmas"
value={formData.kontak.kontakPuskesmas}
defaultValue={formData.kontak.kontakPuskesmas}
onChange={(e) => handleNestedChange('kontak', 'kontakPuskesmas', e.target.value)}
/>
<TextInput
label="Email"
placeholder="Masukkan email"
value={formData.kontak.email}
defaultValue={formData.kontak.email}
onChange={(e) => handleNestedChange('kontak', 'email', e.target.value)}
/>
<TextInput
label="Facebook"
placeholder="Masukkan facebook"
value={formData.kontak.facebook}
defaultValue={formData.kontak.facebook}
onChange={(e) => handleNestedChange('kontak', 'facebook', e.target.value)}
/>
<TextInput
label="Kontak UGD"
placeholder="Masukkan kontak UGD"
value={formData.kontak.kontakUGD}
defaultValue={formData.kontak.kontakUGD}
onChange={(e) => handleNestedChange('kontak', 'kontakUGD', e.target.value)}
/>

View File

@@ -73,7 +73,7 @@ function DetailPuskesmas() {
<Box>
<Text fz="lg" fw="bold">Alamat</Text>
<Text fz="md" c="dimmed">{data?.alamat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamat || '-'}</Text>
</Box>
<Box>

View File

@@ -100,40 +100,40 @@ function CreatePuskesmas() {
<TextInput
label="Nama Puskesmas"
placeholder="Masukkan nama puskesmas"
value={statePuskesmas.create.form.name}
defaultValue={statePuskesmas.create.form.name}
onChange={(e) => (statePuskesmas.create.form.name = e.target.value)}
required
/>
<TextInput
label="Alamat"
placeholder="Masukkan alamat"
value={statePuskesmas.create.form.alamat}
defaultValue={statePuskesmas.create.form.alamat}
onChange={(e) => (statePuskesmas.create.form.alamat = e.target.value)}
required
/>
<TextInput
label="Jam Buka"
placeholder="Masukkan jam buka"
value={statePuskesmas.create.form.jam.workDays}
defaultValue={statePuskesmas.create.form.jam.workDays}
onChange={(e) => (statePuskesmas.create.form.jam.workDays = e.target.value)}
/>
<TextInput
label="Jam Tutup"
placeholder="Masukkan jam tutup"
value={statePuskesmas.create.form.jam.weekDays}
defaultValue={statePuskesmas.create.form.jam.weekDays}
onChange={(e) => (statePuskesmas.create.form.jam.weekDays = e.target.value)}
/>
<TextInput
label="Holiday"
placeholder="Masukkan hari libur"
value={statePuskesmas.create.form.jam.holiday}
defaultValue={statePuskesmas.create.form.jam.holiday}
onChange={(e) => (statePuskesmas.create.form.jam.holiday = e.target.value)}
/>
<TextInput
label="Kontak Puskesmas"
placeholder="Masukkan kontak puskesmas"
value={statePuskesmas.create.form.kontak.kontakPuskesmas}
defaultValue={statePuskesmas.create.form.kontak.kontakPuskesmas}
onChange={(e) =>
(statePuskesmas.create.form.kontak.kontakPuskesmas = e.target.value)
}
@@ -141,19 +141,19 @@ function CreatePuskesmas() {
<TextInput
label="Email"
placeholder="Masukkan email"
value={statePuskesmas.create.form.kontak.email}
defaultValue={statePuskesmas.create.form.kontak.email}
onChange={(e) => (statePuskesmas.create.form.kontak.email = e.target.value)}
/>
<TextInput
label="Facebook"
placeholder="Masukkan facebook"
value={statePuskesmas.create.form.kontak.facebook}
defaultValue={statePuskesmas.create.form.kontak.facebook}
onChange={(e) => (statePuskesmas.create.form.kontak.facebook = e.target.value)}
/>
<TextInput
label="Kontak UGD"
placeholder="Masukkan kontak UGD"
value={statePuskesmas.create.form.kontak.kontakUGD}
defaultValue={statePuskesmas.create.form.kontak.kontakUGD}
onChange={(e) => (statePuskesmas.create.form.kontak.kontakUGD = e.target.value)}
/>