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

@@ -139,7 +139,7 @@ function EditAPBDes() {
<TextInput
label="Nama APBDes"
placeholder="Masukkan nama APBDes"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -147,7 +147,7 @@ function EditAPBDes() {
<TextInput
label="Jumlah Anggaran"
placeholder="Masukkan jumlah anggaran"
value={formData.jumlah}
defaultValue={formData.jumlah}
onChange={(e) => setFormData({ ...formData, jumlah: e.target.value })}
required
/>

View File

@@ -218,14 +218,14 @@ function CreateAPBDes() {
<TextInput
label="Nama APBDes"
placeholder="Masukkan nama APBDes"
value={stateAPBDes.create.form.name || ''}
defaultValue={stateAPBDes.create.form.name || ''}
onChange={(e) => (stateAPBDes.create.form.name = e.target.value)}
required
/>
<TextInput
label="Jumlah Anggaran"
placeholder="Masukkan jumlah anggaran"
value={stateAPBDes.create.form.jumlah || ''}
defaultValue={stateAPBDes.create.form.jumlah || ''}
onChange={(e) => (stateAPBDes.create.form.jumlah = e.target.value)}
required
/>

View File

@@ -96,7 +96,7 @@ export default function EditKategoriDesaAntiKorupsi() {
<TextInput
label="Nama Kategori"
placeholder="Masukkan nama kategori"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
disabled={isLoading}

View File

@@ -57,7 +57,7 @@ export default function CreateKategoriDesaAntiKorupsi() {
<TextInput
label="Nama Kategori"
placeholder="Masukkan nama kategori"
value={stateKategori.create.form.name || ''}
defaultValue={stateKategori.create.form.name || ''}
onChange={(e) => (stateKategori.create.form.name = e.target.value)}
required
/>

View File

@@ -144,7 +144,7 @@ export default function EditDesaAntiKorupsi() {
<TextInput
label="Judul Dokumen"
placeholder="Masukkan judul dokumen"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>

View File

@@ -83,7 +83,8 @@ export default function DetailKegiatanDesa() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
style={{ lineHeight: 1.6 }}
style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.6 }}
/>
</Box>

View File

@@ -165,7 +165,7 @@ export default function CreateDesaAntiKorupsi() {
<TextInput
label="Judul Dokumen"
placeholder="Masukkan judul dokumen"
value={stateKorupsi.create.form.name || ''}
defaultValue={stateKorupsi.create.form.name || ''}
onChange={(e) => (stateKorupsi.create.form.name = e.target.value)}
required
/>

View File

@@ -100,14 +100,10 @@ function EditResponden() {
>
<Stack gap="md">
<TextInput
label={
<Text fw="bold" fz="sm" mb={4}>
Nama Responden
</Text>
}
label="Nama Responden"
type='text'
placeholder="Masukkan nama responden"
value={formData.name}
defaultValue={formData.name}
onChange={(val) => {
setFormData({
...formData,
@@ -118,14 +114,10 @@ function EditResponden() {
required
/>
<TextInput
label={
<Text fw="bold" fz="sm" mb={4}>
Tanggal
</Text>
}
label="Tanggal"
type="date"
placeholder='Pilih tanggal'
value={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
defaultValue={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
onChange={(e) => {
const selectedDate = e.currentTarget.value;
setFormData({

View File

@@ -64,7 +64,7 @@ function RespondenCreate() {
label="Nama"
type='text'
placeholder="masukkan nama"
value={stategrafikBerdasarkanResponden.create.form.name}
defaultValue={stategrafikBerdasarkanResponden.create.form.name}
onChange={(val) => {
stategrafikBerdasarkanResponden.create.form.name = val.currentTarget.value;
}}
@@ -73,7 +73,7 @@ function RespondenCreate() {
label="Tanggal"
type="date"
placeholder="masukkan tanggal"
value={stategrafikBerdasarkanResponden.create.form.tanggal}
defaultValue={stategrafikBerdasarkanResponden.create.form.tanggal}
onChange={(val) => {
stategrafikBerdasarkanResponden.create.form.tanggal = val.currentTarget.value;
}}

View File

@@ -94,7 +94,7 @@ function EditKategoriPrestasi() {
<TextInput
label="Nama Kategori Prestasi"
placeholder="Masukkan nama kategori prestasi"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>

View File

@@ -54,7 +54,7 @@ function CreateKategoriPrestasi() {
<TextInput
label="Nama Kategori Prestasi"
placeholder="Masukkan nama kategori prestasi"
value={stateKategori.create.form.name || ''}
defaultValue={stateKategori.create.form.name || ''}
onChange={(val) => (stateKategori.create.form.name = val.target.value)}
required
/>

View File

@@ -134,7 +134,7 @@ function EditPrestasiDesa() {
<TextInput
label="Judul Prestasi"
placeholder="Masukkan judul prestasi"
value={formData.name}
defaultValue={formData.name}
onChange={(val) => {
setFormData({
...formData,

View File

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

View File

@@ -141,7 +141,7 @@ function CreatePrestasiDesa() {
<TextInput
label="Judul Prestasi"
placeholder="Masukkan judul prestasi"
value={stateCreate.create.form.name}
defaultValue={stateCreate.create.form.name}
onChange={(e) => (stateCreate.create.form.name = e.target.value)}
required
/>

View File

@@ -161,7 +161,7 @@ function EditMediaSosial() {
<TextInput
label="Nama Media Sosial / Kontak"
placeholder="Masukkan nama media sosial atau kontak"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -169,7 +169,7 @@ function EditMediaSosial() {
<TextInput
label="Link Media Sosial / Nomor Telepon"
placeholder="Masukkan link media sosial atau nomor telepon"
value={formData.iconUrl}
defaultValue={formData.iconUrl}
onChange={(e) => setFormData({ ...formData, iconUrl: e.target.value })}
required
/>

View File

@@ -138,14 +138,14 @@ export default function CreateMediaSosial() {
<TextInput
label="Nama Media Sosial / Kontak"
placeholder="Masukkan nama media sosial atau kontak"
value={stateMediaSosial.create.form.name || ''}
defaultValue={stateMediaSosial.create.form.name || ''}
onChange={(e) => (stateMediaSosial.create.form.name = e.target.value)}
required
/>
<TextInput
label="Link Media Sosial / Nomor Telepon"
placeholder="Masukkan link media sosial atau nomor telepon"
value={stateMediaSosial.create.form.iconUrl || ''}
defaultValue={stateMediaSosial.create.form.iconUrl || ''}
onChange={(e) => (stateMediaSosial.create.form.iconUrl = e.target.value)}
required
/>

View File

@@ -170,7 +170,7 @@ function EditPejabatDesa() {
<TextInput
label={<Text fw="bold">Nama Perbekel</Text>}
placeholder="Masukkan nama perbekel"
value={allState.edit.form.name}
defaultValue={allState.edit.form.name}
onChange={(e) => handleFieldChange('name', e.currentTarget.value)}
error={!allState.edit.form.name && "Nama wajib diisi"}
/>
@@ -179,7 +179,7 @@ function EditPejabatDesa() {
<TextInput
label={<Text fw="bold">Posisi</Text>}
placeholder="Masukkan posisi"
value={allState.edit.form.position}
defaultValue={allState.edit.form.position}
onChange={(e) => handleFieldChange('position', e.currentTarget.value)}
error={!allState.edit.form.position && "Posisi wajib diisi"}
/>

View File

@@ -173,7 +173,7 @@ function EditProgramInovasi() {
<TextInput
label="Nama Program Inovasi"
placeholder="Masukkan nama program inovasi"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -192,7 +192,7 @@ function EditProgramInovasi() {
<TextInput
label="Link Program Inovasi"
placeholder="Masukkan link program inovasi (opsional)"
value={formData.link}
defaultValue={formData.link}
onChange={(e) => setFormData({ ...formData, link: e.target.value })}
/>

View File

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

View File

@@ -144,7 +144,7 @@ function CreateProgramInovasi() {
<TextInput
label="Nama Program Inovasi"
placeholder="Masukkan nama program inovasi"
value={stateProgramInovasi.create.form.name}
defaultValue={stateProgramInovasi.create.form.name}
onChange={(e) => (stateProgramInovasi.create.form.name = e.target.value)}
required
/>
@@ -162,7 +162,7 @@ function CreateProgramInovasi() {
<TextInput
label="Link Program Inovasi"
placeholder="Masukkan link program inovasi (opsional)"
value={stateProgramInovasi.create.form.link || ''}
defaultValue={stateProgramInovasi.create.form.link || ''}
onChange={(e) => (stateProgramInovasi.create.form.link = e.target.value)}
/>

View File

@@ -175,7 +175,7 @@ function EditKolaborasiInovasi() {
<TextInput
label="Nama Sdgs Desa"
placeholder="Masukkan nama Sdgs Desa"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -183,7 +183,7 @@ function EditKolaborasiInovasi() {
<TextInput
label="Jumlah"
placeholder="Masukkan jumlah"
value={formData.jumlah}
defaultValue={formData.jumlah}
onChange={(e) => setFormData({ ...formData, jumlah: e.target.value })}
required
type="number"

View File

@@ -159,7 +159,7 @@ function CreateSDGsDesa() {
</Text>
}
placeholder="Masukkan jumlah"
value={stateSDGSDesa.create.form.jumlah}
defaultValue={stateSDGSDesa.create.form.jumlah}
onChange={(val) => {
stateSDGSDesa.create.form.jumlah = val.target.value;
}}
@@ -167,14 +167,6 @@ function CreateSDGsDesa() {
min={0}
radius="md"
/>
<TextInput
label="Test"
onChange={(val) => {
console.log(val.target.value)
}}
/>
<Group justify="flex-end" mt="md">
<Button
variant="light"