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

@@ -111,7 +111,7 @@ function EditAPBDesa() {
{/* Tahun */}
<TextInput
type="number"
value={formData.tahun}
defaultValue={formData.tahun}
onChange={(e) =>
setFormData({ ...formData, tahun: e.target.value })
}

View File

@@ -65,7 +65,7 @@ function CreateAPBDesa() {
<Stack gap="md">
<TextInput
type="number"
value={apbDesaState.create.form.tahun}
defaultValue={apbDesaState.create.form.tahun}
onChange={(val) => {
apbDesaState.create.form.tahun = Number(val.target.value);
}}

View File

@@ -112,7 +112,7 @@ function EditBelanja() {
<TextInput
label="Nama Jenis Belanja"
placeholder="Masukkan nama jenis belanja"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -120,7 +120,7 @@ function EditBelanja() {
<TextInput
label="Nilai"
placeholder="Masukkan nilai"
value={formatRupiah(formData.value)}
defaultValue={formatRupiah(formData.value)}
onChange={(e) => {
const raw = e.currentTarget.value;
const cleanValue = unformatRupiah(raw);

View File

@@ -85,7 +85,7 @@ function CreateBelanja() {
<TextInput
label={<Text fw="bold" fz="sm">Nama Jenis Belanja</Text>}
placeholder="Masukkan nama jenis belanja"
value={belanjaState.create.form.name}
defaultValue={belanjaState.create.form.name}
onChange={(e) => (belanjaState.create.form.name = e.target.value)}
required
/>
@@ -94,7 +94,7 @@ function CreateBelanja() {
type="text"
label={<Text fw="bold" fz="sm">Nilai</Text>}
placeholder="Masukkan nilai belanja"
value={formatRupiah(belanjaState.create.form.value)}
defaultValue={formatRupiah(belanjaState.create.form.value)}
onChange={(e) => {
const raw = e.currentTarget.value;
belanjaState.create.form.value = unformatRupiah(raw);

View File

@@ -112,7 +112,7 @@ function EditPembiayaan() {
<TextInput
label="Nama Jenis Pembiayaan"
placeholder="Masukkan nama jenis pembiayaan"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -120,7 +120,7 @@ function EditPembiayaan() {
<TextInput
label="Nilai"
placeholder="Masukkan nilai"
value={formatRupiah(formData.value)}
defaultValue={formatRupiah(formData.value)}
onChange={(e) => {
const raw = e.currentTarget.value;
const cleanValue = unformatRupiah(raw);

View File

@@ -85,7 +85,7 @@ function CreatePembiayaan() {
<TextInput
label={<Text fw="bold" fz="sm">Nama Jenis Pembiayaan</Text>}
placeholder="Masukkan nama jenis pembiayaan"
value={pembiayaanState.create.form.name}
defaultValue={pembiayaanState.create.form.name}
onChange={(e) => {
pembiayaanState.create.form.name = e.currentTarget.value;
}}
@@ -96,7 +96,7 @@ function CreatePembiayaan() {
type="text"
label={<Text fw="bold" fz="sm">Nilai</Text>}
placeholder="Masukkan nilai"
value={formatRupiah(pembiayaanState.create.form.value)}
defaultValue={formatRupiah(pembiayaanState.create.form.value)}
onChange={(e) => {
const raw = e.currentTarget.value;
pembiayaanState.create.form.value = unformatRupiah(raw);

View File

@@ -110,7 +110,7 @@ function EditPendapatan() {
<TextInput
label="Nama Jenis Pendapatan"
placeholder="Masukkan nama jenis pendapatan"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -118,7 +118,7 @@ function EditPendapatan() {
<TextInput
label="Nilai"
placeholder="Masukkan nilai"
value={formatRupiah(formData.value)}
defaultValue={formatRupiah(formData.value)}
onChange={(e) => {
const raw = e.currentTarget.value;
const cleanValue = unformatRupiah(raw);

View File

@@ -7,10 +7,9 @@ import {
Group,
Paper,
Stack,
Text,
TextInput,
Title,
Tooltip,
Tooltip
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
@@ -76,32 +75,24 @@ function CreatePendapatan() {
>
<Stack gap="md">
<TextInput
value={pendapatanState.create.form.name}
defaultValue={pendapatanState.create.form.name}
onChange={(val) => {
pendapatanState.create.form.name = val.target.value;
}}
label={
<Text fw="bold" fz="sm">
Nama Jenis Pendapatan
</Text>
}
label="Nama Jenis Pendapatan"
placeholder="Masukkan nama jenis pendapatan"
required
/>
<TextInput
type="text"
value={formatRupiah(pendapatanState.create.form.value)}
defaultValue={formatRupiah(pendapatanState.create.form.value)}
onChange={(val) => {
const raw = val.currentTarget.value;
const cleanValue = unformatRupiah(raw);
pendapatanState.create.form.value = cleanValue;
}}
label={
<Text fw="bold" fz="sm">
Nilai
</Text>
}
label="Nilai"
placeholder="Masukkan nilai"
required
/>

View File

@@ -91,7 +91,7 @@ function EditDemografiPekerjaan() {
<TextInput
label="Pekerjaan"
placeholder="Masukkan jenis pekerjaan"
value={stateDemografi.update.form.pekerjaan}
defaultValue={stateDemografi.update.form.pekerjaan}
onChange={(e) =>
(stateDemografi.update.form.pekerjaan = e.currentTarget.value)
}
@@ -102,7 +102,7 @@ function EditDemografiPekerjaan() {
label="Jumlah Pekerja Laki-laki"
type="number"
placeholder="Masukkan jumlah pekerja laki-laki"
value={stateDemografi.update.form.lakiLaki}
defaultValue={stateDemografi.update.form.lakiLaki}
onChange={(e) =>
(stateDemografi.update.form.lakiLaki = Number(
e.currentTarget.value
@@ -115,7 +115,7 @@ function EditDemografiPekerjaan() {
label="Jumlah Pekerja Perempuan"
type="number"
placeholder="Masukkan jumlah pekerja perempuan"
value={stateDemografi.update.form.perempuan}
defaultValue={stateDemografi.update.form.perempuan}
onChange={(e) =>
(stateDemografi.update.form.perempuan = Number(
e.currentTarget.value

View File

@@ -77,7 +77,7 @@ function CreateDemografiPekerjaan() {
<TextInput
label="Pekerjaan"
type="text"
value={stateDemografi.create.form.pekerjaan}
defaultValue={stateDemografi.create.form.pekerjaan}
placeholder="Masukkan pekerjaan"
onChange={(val) => {
stateDemografi.create.form.pekerjaan = val.currentTarget.value;
@@ -87,7 +87,7 @@ function CreateDemografiPekerjaan() {
<TextInput
label="Jumlah Pekerja Laki-Laki"
type="number"
value={stateDemografi.create.form.lakiLaki}
defaultValue={stateDemografi.create.form.lakiLaki}
placeholder="Masukkan jumlah pekerja laki-laki"
onChange={(val) => {
stateDemografi.create.form.lakiLaki = Number(val.currentTarget.value);
@@ -97,7 +97,7 @@ function CreateDemografiPekerjaan() {
<TextInput
label="Jumlah Pekerja Perempuan"
type="number"
value={stateDemografi.create.form.perempuan}
defaultValue={stateDemografi.create.form.perempuan}
placeholder="Masukkan jumlah pekerja perempuan"
onChange={(val) => {
stateDemografi.create.form.perempuan = Number(val.currentTarget.value);

View File

@@ -78,7 +78,7 @@ function EditJumlahPendudukMiskin() {
placeholder="Masukkan tahun"
type="number"
required
value={stateJPM.update.form.year}
defaultValue={stateJPM.update.form.year}
onChange={(val) => {
stateJPM.update.form.year = Number(val.currentTarget.value);
}}
@@ -89,7 +89,7 @@ function EditJumlahPendudukMiskin() {
placeholder="Masukkan jumlah penduduk miskin"
type="number"
required
value={stateJPM.update.form.totalPoorPopulation}
defaultValue={stateJPM.update.form.totalPoorPopulation}
onChange={(val) => {
stateJPM.update.form.totalPoorPopulation = Number(val.currentTarget.value);
}}

View File

@@ -61,7 +61,7 @@ export default function CreateJumlahPendudukMiskin() {
<TextInput
label="Tahun"
type="number"
value={stateJPM.create.form.year || ''}
defaultValue={stateJPM.create.form.year || ''}
placeholder="Masukkan tahun"
onChange={(e) => {
const value = e.currentTarget.value;
@@ -73,7 +73,7 @@ export default function CreateJumlahPendudukMiskin() {
<TextInput
label="Jumlah Penduduk Miskin"
type="number"
value={stateJPM.create.form.totalPoorPopulation}
defaultValue={stateJPM.create.form.totalPoorPopulation}
placeholder="Masukkan jumlah penduduk miskin"
onChange={(e) => {
stateJPM.create.form.totalPoorPopulation = Number(e.currentTarget.value);

View File

@@ -63,35 +63,35 @@ function EditGrafikBerdasarkanPendidikan() {
label="SD"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.SD}
defaultValue={stategrafik.update.form.SD}
onChange={(val) => (stategrafik.update.form.SD = val.currentTarget.value)}
/>
<TextInput
label="SMP"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.SMP}
defaultValue={stategrafik.update.form.SMP}
onChange={(val) => (stategrafik.update.form.SMP = val.currentTarget.value)}
/>
<TextInput
label="SMA"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.SMA}
defaultValue={stategrafik.update.form.SMA}
onChange={(val) => (stategrafik.update.form.SMA = val.currentTarget.value)}
/>
<TextInput
label="D3"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.D3}
defaultValue={stategrafik.update.form.D3}
onChange={(val) => (stategrafik.update.form.D3 = val.currentTarget.value)}
/>
<TextInput
label="S1"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.S1}
defaultValue={stategrafik.update.form.S1}
onChange={(val) => (stategrafik.update.form.S1 = val.currentTarget.value)}
/>

View File

@@ -67,7 +67,7 @@ function CreateGrafikBerdasarkanPendidikan() {
label="SD"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.SD}
defaultValue={stategrafik.create.form.SD}
onChange={(val) => (stategrafik.create.form.SD = val.currentTarget.value)}
required
/>
@@ -75,7 +75,7 @@ function CreateGrafikBerdasarkanPendidikan() {
label="SMP"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.SMP}
defaultValue={stategrafik.create.form.SMP}
onChange={(val) => (stategrafik.create.form.SMP = val.currentTarget.value)}
required
/>
@@ -83,7 +83,7 @@ function CreateGrafikBerdasarkanPendidikan() {
label="SMA"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.SMA}
defaultValue={stategrafik.create.form.SMA}
onChange={(val) => (stategrafik.create.form.SMA = val.currentTarget.value)}
required
/>
@@ -91,7 +91,7 @@ function CreateGrafikBerdasarkanPendidikan() {
label="D3"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.D3}
defaultValue={stategrafik.create.form.D3}
onChange={(val) => (stategrafik.create.form.D3 = val.currentTarget.value)}
required
/>
@@ -99,7 +99,7 @@ function CreateGrafikBerdasarkanPendidikan() {
label="S1"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.S1}
defaultValue={stategrafik.create.form.S1}
onChange={(val) => (stategrafik.create.form.S1 = val.currentTarget.value)}
required
/>

View File

@@ -71,7 +71,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 18 - 25"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.usia18_25}
defaultValue={stategrafik.update.form.usia18_25}
onChange={(val) => {
stategrafik.update.form.usia18_25 = val.currentTarget.value;
}}
@@ -81,7 +81,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 26 - 35"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.usia26_35}
defaultValue={stategrafik.update.form.usia26_35}
onChange={(val) => {
stategrafik.update.form.usia26_35 = val.currentTarget.value;
}}
@@ -91,7 +91,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 36 - 45"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.usia36_45}
defaultValue={stategrafik.update.form.usia36_45}
onChange={(val) => {
stategrafik.update.form.usia36_45 = val.currentTarget.value;
}}
@@ -101,7 +101,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 46 +"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.update.form.usia46_keatas}
defaultValue={stategrafik.update.form.usia46_keatas}
onChange={(val) => {
stategrafik.update.form.usia46_keatas = val.currentTarget.value;
}}

View File

@@ -66,7 +66,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 18 - 25"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.usia18_25}
defaultValue={stategrafik.create.form.usia18_25}
onChange={(val) => (stategrafik.create.form.usia18_25 = val.currentTarget.value)}
required
/>
@@ -74,7 +74,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 26 - 35"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.usia26_35}
defaultValue={stategrafik.create.form.usia26_35}
onChange={(val) => (stategrafik.create.form.usia26_35 = val.currentTarget.value)}
required
/>
@@ -82,7 +82,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 36 - 45"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.usia36_45}
defaultValue={stategrafik.create.form.usia36_45}
onChange={(val) => (stategrafik.create.form.usia36_45 = val.currentTarget.value)}
required
/>
@@ -90,7 +90,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
label="Usia 46 +"
type="number"
placeholder="Masukkan jumlah"
value={stategrafik.create.form.usia46_keatas}
defaultValue={stategrafik.create.form.usia46_keatas}
onChange={(val) => (stategrafik.create.form.usia46_keatas = val.currentTarget.value)}
required
/>

View File

@@ -139,20 +139,23 @@ function EditDetailDataPengangguran() {
/>
<NumberInput
label="Tahun"
value={formData.year}
defaultValue={formData.year}
onChange={(val) => updateFormData({ year: Number(val) })}
required
/>
<TextInput
label="Pengangguran Terdidik"
type="number"
value={formData.educatedUnemployment}
defaultValue={formData.educatedUnemployment}
onChange={(val) => updateFormData({ educatedUnemployment: Number(val.currentTarget.value) || 0 })}
required
/>
<TextInput
label="Pengangguran Tidak Terdidik"
type="number"
value={formData.uneducatedUnemployment}
defaultValue={formData.uneducatedUnemployment}
onChange={(val) => updateFormData({ uneducatedUnemployment: Number(val.currentTarget.value) || 0 })}
required
/>
<Text fz="sm" fw={500}>Total Otomatis: {formData.totalUnemployment}</Text>
<Text fz="sm" fw={500}>Perubahan Otomatis: {formData.percentageChange !== null ? `${formData.percentageChange}%` : '-'}</Text>

View File

@@ -107,7 +107,7 @@ function EditLowonganKerja() {
<TextInput
label="Posisi"
placeholder="Masukkan posisi"
value={formData.posisi}
defaultValue={formData.posisi}
onChange={(e) => setFormData({ ...formData, posisi: e.target.value })}
required
/>
@@ -115,7 +115,7 @@ function EditLowonganKerja() {
<TextInput
label="Nama Perusahaan"
placeholder="Masukkan nama perusahaan"
value={formData.namaPerusahaan}
defaultValue={formData.namaPerusahaan}
onChange={(e) => setFormData({ ...formData, namaPerusahaan: e.target.value })}
required
/>
@@ -123,7 +123,7 @@ function EditLowonganKerja() {
<TextInput
label="Lokasi"
placeholder="Masukkan lokasi"
value={formData.lokasi}
defaultValue={formData.lokasi}
onChange={(e) => setFormData({ ...formData, lokasi: e.target.value })}
required
/>
@@ -131,7 +131,7 @@ function EditLowonganKerja() {
<TextInput
label="Tipe Pekerjaan"
placeholder="Masukkan tipe pekerjaan"
value={formData.tipePekerjaan}
defaultValue={formData.tipePekerjaan}
onChange={(e) => setFormData({ ...formData, tipePekerjaan: e.target.value })}
required
/>
@@ -139,7 +139,7 @@ function EditLowonganKerja() {
<TextInput
label="Gaji (per bulan)"
placeholder="Masukkan gaji"
value={formData.gaji}
defaultValue={formData.gaji}
onChange={(e) => setFormData({ ...formData, gaji: e.target.value })}
required
/>

View File

@@ -94,12 +94,12 @@ function DetailLowonganKerjaLokal() {
<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>
<Text fz="lg" fw="bold">Kualifikasi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }} />
</Box>
<Group gap="sm" mt="sm">

View File

@@ -69,7 +69,7 @@ function CreateLowonganKerja() {
>
<Stack gap="md">
<TextInput
value={lowonganState.create.form.posisi}
defaultValue={lowonganState.create.form.posisi}
onChange={(val) =>
(lowonganState.create.form.posisi = val.target.value)
}
@@ -78,7 +78,7 @@ function CreateLowonganKerja() {
required
/>
<TextInput
value={lowonganState.create.form.namaPerusahaan}
defaultValue={lowonganState.create.form.namaPerusahaan}
onChange={(val) =>
(lowonganState.create.form.namaPerusahaan = val.target.value)
}
@@ -87,7 +87,7 @@ function CreateLowonganKerja() {
required
/>
<TextInput
value={lowonganState.create.form.lokasi}
defaultValue={lowonganState.create.form.lokasi}
onChange={(val) =>
(lowonganState.create.form.lokasi = val.target.value)
}
@@ -96,7 +96,7 @@ function CreateLowonganKerja() {
required
/>
<TextInput
value={lowonganState.create.form.tipePekerjaan}
defaultValue={lowonganState.create.form.tipePekerjaan}
onChange={(val) =>
(lowonganState.create.form.tipePekerjaan = val.target.value)
}
@@ -105,7 +105,7 @@ function CreateLowonganKerja() {
required
/>
<TextInput
value={lowonganState.create.form.gaji}
defaultValue={lowonganState.create.form.gaji}
onChange={(val) =>
(lowonganState.create.form.gaji = val.target.value)
}

View File

@@ -106,7 +106,7 @@ function EditKategoriProduk() {
<TextInput
label={<Text fw="bold" fz="sm">Nama Kategori Produk</Text>}
placeholder="Masukkan nama kategori produk"
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
required
/>

View File

@@ -74,7 +74,7 @@ function CreateKategoriProduk() {
<TextInput
label="Nama Kategori Produk"
placeholder="Masukkan nama kategori produk"
value={statePasar.create.form.nama || ''}
defaultValue={statePasar.create.form.nama || ''}
onChange={(e) => (statePasar.create.form.nama = e.target.value)}
required
/>

View File

@@ -173,7 +173,7 @@ function EditPasarDesa() {
<TextInput
label="Nama Produk"
placeholder="Masukkan nama produk"
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
required
/>
@@ -182,7 +182,7 @@ function EditPasarDesa() {
type="number"
label="Harga Produk"
placeholder="Masukkan harga produk"
value={formData.harga}
defaultValue={formData.harga}
onChange={(e) => setFormData({ ...formData, harga: Number(e.target.value) })}
required
/>
@@ -194,7 +194,7 @@ function EditPasarDesa() {
step={0.1}
label="Rating Produk"
placeholder="Masukkan rating produk (0-5)"
value={formData.rating}
defaultValue={formData.rating}
onChange={(e) => setFormData({ ...formData, rating: Number(e.target.value) })}
required
/>
@@ -202,7 +202,7 @@ function EditPasarDesa() {
<TextInput
label="Alamat Usaha"
placeholder="Masukkan alamat usaha"
value={formData.alamatUsaha}
defaultValue={formData.alamatUsaha}
onChange={(e) => setFormData({ ...formData, alamatUsaha: e.target.value })}
required
/>

View File

@@ -144,7 +144,7 @@ export default function CreatePasarDesa() {
<TextInput
label="Nama Produk"
placeholder="Masukkan nama produk"
value={statePasar.pasarDesa.create.form.nama}
defaultValue={statePasar.pasarDesa.create.form.nama}
onChange={(e) => (statePasar.pasarDesa.create.form.nama = e.target.value)}
required
/>
@@ -154,7 +154,7 @@ export default function CreatePasarDesa() {
type="number"
label="Harga Produk"
placeholder="Masukkan harga produk"
value={statePasar.pasarDesa.create.form.harga}
defaultValue={statePasar.pasarDesa.create.form.harga}
onChange={(e) => (statePasar.pasarDesa.create.form.harga = Number(e.target.value))}
required
/>
@@ -167,7 +167,7 @@ export default function CreatePasarDesa() {
step={0.1}
label="Rating Produk (05)"
placeholder="Masukkan rating produk"
value={statePasar.pasarDesa.create.form.rating}
defaultValue={statePasar.pasarDesa.create.form.rating}
onChange={(e) => {
const value = Number(e.target.value);
if (value >= 0 && value <= 5) {
@@ -180,7 +180,7 @@ export default function CreatePasarDesa() {
<TextInput
label="Alamat Usaha"
placeholder="Masukkan alamat usaha"
value={statePasar.pasarDesa.create.form.alamatUsaha}
defaultValue={statePasar.pasarDesa.create.form.alamatUsaha}
onChange={(e) => (statePasar.pasarDesa.create.form.alamatUsaha = e.target.value)}
/>

View File

@@ -92,7 +92,7 @@ function EditProgramKemiskinan() {
>
<Stack gap="md">
<TextInput
value={stateProgram.update.form.nama}
defaultValue={stateProgram.update.form.nama}
onChange={(e) => {
stateProgram.update.form.nama = e.target.value;
}}
@@ -131,7 +131,7 @@ function EditProgramKemiskinan() {
</Text>
<TextInput
type="number"
value={stateProgram.update.form.statistik.jumlah}
defaultValue={stateProgram.update.form.statistik.jumlah}
onChange={(e) => {
stateProgram.update.form.statistik.jumlah = e.target.value;
}}
@@ -142,7 +142,7 @@ function EditProgramKemiskinan() {
<TextInput
type="number"
value={stateProgram.update.form.statistik.tahun}
defaultValue={stateProgram.update.form.statistik.tahun}
onChange={(e) => {
stateProgram.update.form.statistik.tahun = e.target.value;
}}

View File

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

View File

@@ -93,7 +93,7 @@ function CreateProgramKemiskinan() {
<TextInput
label="Judul Program"
placeholder="Masukkan judul program"
value={programState.create.form.nama}
defaultValue={programState.create.form.nama}
onChange={(val) => (programState.create.form.nama = val.target.value)}
required
/>
@@ -128,7 +128,7 @@ function CreateProgramKemiskinan() {
<Group grow>
<TextInput
type="number"
value={programState.create.form.statistik.jumlah}
defaultValue={programState.create.form.statistik.jumlah}
onChange={(val) =>
(programState.create.form.statistik.jumlah = val.target.value)
}
@@ -138,7 +138,7 @@ function CreateProgramKemiskinan() {
/>
<TextInput
type="number"
value={programState.create.form.statistik.tahun}
defaultValue={programState.create.form.statistik.tahun}
onChange={(val) =>
(programState.create.form.statistik.tahun = val.target.value)
}

View File

@@ -89,7 +89,7 @@ function EditSektorUnggulanDesa() {
<TextInput
label="Nama Sektor Unggulan"
placeholder="Masukkan nama sektor unggulan"
value={stateGrafik.update.form.name}
defaultValue={stateGrafik.update.form.name}
onChange={(val) => {
stateGrafik.update.form.name = val.currentTarget.value;
}}
@@ -110,7 +110,7 @@ function EditSektorUnggulanDesa() {
label="Jumlah"
type="number"
placeholder="Masukkan jumlah"
value={stateGrafik.update.form.value}
defaultValue={stateGrafik.update.form.value}
onChange={(val) => {
stateGrafik.update.form.value = Number(val.currentTarget.value);
}}

View File

@@ -82,7 +82,7 @@ function DetailSektorUnggulanDesa() {
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text ta={"justify"} fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.description || '-' }} />
<Text ta={"justify"} fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.description || '-' }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
</Box>
<Box>

View File

@@ -78,7 +78,7 @@ function CreateSektorUnggulanDesa() {
<TextInput
label="Nama Sektor Unggulan"
placeholder="Masukkan nama sektor unggulan"
value={stateGrafik.create.form.name}
defaultValue={stateGrafik.create.form.name}
onChange={(e) => {
stateGrafik.create.form.name = e.currentTarget.value;
}}
@@ -101,7 +101,7 @@ function CreateSektorUnggulanDesa() {
label="Jumlah"
type="number"
placeholder="Masukkan jumlah"
value={stateGrafik.create.form.value}
defaultValue={stateGrafik.create.form.value}
onChange={(e) => {
stateGrafik.create.form.value = Number(e.currentTarget.value);
}}

View File

@@ -83,7 +83,7 @@ export default function EditHubunganOrganisasi() {
<TextInput
label="Tipe"
placeholder="Contoh: langsung_melapor"
value={form.tipe}
defaultValue={form.tipe}
onChange={(e) => setForm({ ...form, tipe: e.currentTarget.value })}
/>
<Button onClick={handleSubmit} color="blue">Simpan</Button>

View File

@@ -67,7 +67,7 @@ export default function CreateHubunganOrganisasi() {
<TextInput
label="Tipe"
placeholder="Contoh: langsung_melapor"
value={form.tipe}
defaultValue={form.tipe}
onChange={(e) => setForm({ ...form, tipe: e.currentTarget.value })}
/>
<Button onClick={handleSubmit} color="blue">Simpan</Button>

View File

@@ -151,13 +151,13 @@ export default function EditPegawai() {
<TextInput
label="Nama Lengkap"
placeholder="Masukkan nama lengkap"
value={formData.namaLengkap}
defaultValue={formData.namaLengkap}
onChange={(e) => setFormData({ ...formData, namaLengkap: e.target.value })}
/>
<TextInput
label="Gelar Akademik"
placeholder="Contoh: S.Kom"
value={formData.gelarAkademik}
defaultValue={formData.gelarAkademik}
onChange={(e) => setFormData({ ...formData, gelarAkademik: e.target.value })}
/>
<Box>
@@ -217,25 +217,25 @@ export default function EditPegawai() {
label="Tanggal Masuk"
type="date"
placeholder="Contoh: 2022-01-01"
value={formatDateForInput(formData.tanggalMasuk)}
defaultValue={formatDateForInput(formData.tanggalMasuk)}
onChange={(e) => setFormData({ ...formData, tanggalMasuk: e.target.value })}
/>
<TextInput
label="Email"
placeholder="Contoh: email@example.com"
value={formData.email}
defaultValue={formData.email}
onChange={(e) => (formData.email = e.currentTarget.value)}
/>
<TextInput
label="Telepon"
placeholder="Contoh: 08123456789"
value={formData.telepon}
defaultValue={formData.telepon}
onChange={(e) => (formData.telepon = e.currentTarget.value)}
/>
<TextInput
label="Alamat"
placeholder="Contoh: Jl. Contoh No. 1"
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(e) => (formData.alamat = e.currentTarget.value)}
/>
<Select

View File

@@ -75,7 +75,7 @@ function DetailPegawai() {
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Email</Text>
<Text fz={"lg"}>{statePegawai.findUnique.data?.email}</Text>
<Text fz={"lg"} style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{statePegawai.findUnique.data?.email}</Text>
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Telepon</Text>
@@ -83,7 +83,7 @@ function DetailPegawai() {
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Alamat</Text>
<Text fz={"lg"}>{statePegawai.findUnique.data?.alamat}</Text>
<Text fz={"lg"} style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{statePegawai.findUnique.data?.alamat}</Text>
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Posisi</Text>

View File

@@ -84,13 +84,13 @@ function CreatePegawai() {
<TextInput
label="Nama Lengkap"
placeholder="Masukkan nama lengkap"
value={stateOrganisasi.pegawai.create.form.namaLengkap}
defaultValue={stateOrganisasi.pegawai.create.form.namaLengkap}
onChange={(e) => (stateOrganisasi.pegawai.create.form.namaLengkap = e.currentTarget.value)}
/>
<TextInput
label="Gelar Akademik"
placeholder="Contoh: S.Kom"
value={stateOrganisasi.pegawai.create.form.gelarAkademik}
defaultValue={stateOrganisasi.pegawai.create.form.gelarAkademik}
onChange={(e) => (stateOrganisasi.pegawai.create.form.gelarAkademik = e.currentTarget.value)}
/>
<Box>
@@ -150,25 +150,25 @@ function CreatePegawai() {
label="Tanggal Masuk"
type="date"
placeholder="Contoh: 2022-01-01"
value={stateOrganisasi.pegawai.create.form.tanggalMasuk}
defaultValue={stateOrganisasi.pegawai.create.form.tanggalMasuk}
onChange={(e) => (stateOrganisasi.pegawai.create.form.tanggalMasuk = e.currentTarget.value)}
/>
<TextInput
label="Email"
placeholder="Contoh: email@example.com"
value={stateOrganisasi.pegawai.create.form.email}
defaultValue={stateOrganisasi.pegawai.create.form.email}
onChange={(e) => (stateOrganisasi.pegawai.create.form.email = e.currentTarget.value)}
/>
<TextInput
label="Telepon"
placeholder="Contoh: 08123456789"
value={stateOrganisasi.pegawai.create.form.telepon}
defaultValue={stateOrganisasi.pegawai.create.form.telepon}
onChange={(e) => (stateOrganisasi.pegawai.create.form.telepon = e.currentTarget.value)}
/>
<TextInput
label="Alamat"
placeholder="Contoh: Jl. Contoh No. 1"
value={stateOrganisasi.pegawai.create.form.alamat}
defaultValue={stateOrganisasi.pegawai.create.form.alamat}
onChange={(e) => (stateOrganisasi.pegawai.create.form.alamat = e.currentTarget.value)}
/>
<Select
@@ -178,7 +178,7 @@ function CreatePegawai() {
value: p.id,
label: p.nama
})) || []}
value={stateOrganisasi.pegawai.create.form.posisiId}
defaultValue={stateOrganisasi.pegawai.create.form.posisiId}
onChange={(value) => {
if (value) stateOrganisasi.pegawai.create.form.posisiId = value;
}}

View File

@@ -114,7 +114,7 @@ function EditPosisiOrganisasi() {
>
<Stack gap="md">
<TextInput
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) =>
setFormData({ ...formData, nama: e.target.value })
}
@@ -137,7 +137,7 @@ function EditPosisiOrganisasi() {
<TextInput
type="number"
value={formData.hierarki}
defaultValue={formData.hierarki}
onChange={(e) =>
setFormData({
...formData,

View File

@@ -75,7 +75,7 @@ function CreatePosisiOrganisasi() {
<TextInput
label="Nama Posisi"
placeholder="Contoh: Kepala Desa"
value={stateOrganisasi.create.form.nama}
defaultValue={stateOrganisasi.create.form.nama}
onChange={(e) => (stateOrganisasi.create.form.nama = e.currentTarget.value)}
required
/>
@@ -94,7 +94,7 @@ function CreatePosisiOrganisasi() {
label="Hierarki"
type="number"
placeholder="Contoh: 1"
value={stateOrganisasi.create.form.hierarki}
defaultValue={stateOrganisasi.create.form.hierarki}
onChange={(e) => {
const value = parseInt(e.currentTarget.value, 10);
if (!isNaN(value)) {