wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
nico
2025-09-29 14:06:04 +08:00
parent 2a26db6e17
commit dbd56a1493
319 changed files with 965 additions and 817 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
View File

@@ -132,7 +132,7 @@ function EditDataLingkunganDesa() {
>
<Stack gap="md">
<TextInput
value={formData.name}
defaultValue={formData.name}
label={<Text fz="sm" fw="bold">Nama Data Lingkungan Desa</Text>}
placeholder="Masukkan nama data lingkungan desa"
onChange={(val) =>
@@ -145,7 +145,7 @@ function EditDataLingkunganDesa() {
/>
<TextInput
value={formData.jumlah}
defaultValue={formData.jumlah}
label={<Text fz="sm" fw="bold">Jumlah Data Lingkungan Desa</Text>}
placeholder="Masukkan jumlah data lingkungan desa"
onChange={(val) =>

2
src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
View File

@@ -131,7 +131,7 @@ function DetailDataLingkunganDesa() {
<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>
{/* Action Buttons */}

4
src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
View File

@@ -69,7 +69,7 @@ function CreateDataLingkunganDesa() {
<TextInput
label={<Text fw="bold" fz="sm">Nama Data Lingkungan Desa</Text>}
placeholder="Masukkan nama data lingkungan desa"
value={stateCreate.create.form.name || ''}
defaultValue={stateCreate.create.form.name || ''}
onChange={(val) => (stateCreate.create.form.name = val.target.value)}
required
/>
@@ -86,7 +86,7 @@ function CreateDataLingkunganDesa() {
<TextInput
label={<Text fw="bold" fz="sm">Jumlah Data Lingkungan Desa</Text>}
placeholder="Masukkan jumlah data lingkungan desa"
value={stateCreate.create.form.jumlah || ''}
defaultValue={stateCreate.create.form.jumlah || ''}
onChange={(e) => (stateCreate.create.form.jumlah = e.currentTarget.value)}
required
/>

2
src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
View File

@@ -57,6 +57,7 @@ function Page() {
fw={600}
c="black"
dangerouslySetInnerHTML={{ __html: listContohEdukasi.findById.data.judul }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
<Box>
@@ -66,6 +67,7 @@ function Page() {
c="dimmed"
lineClamp={10}
dangerouslySetInnerHTML={{ __html: listContohEdukasi.findById.data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Paper>

2
src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
View File

@@ -53,6 +53,7 @@ function Page() {
fw={600}
c="black"
dangerouslySetInnerHTML={{ __html: listMateriEdukasi.findById.data.judul }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
<Box>
@@ -62,6 +63,7 @@ function Page() {
c="dimmed"
lineClamp={10}
dangerouslySetInnerHTML={{ __html: listMateriEdukasi.findById.data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Paper>

2
src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
View File

@@ -53,6 +53,7 @@ function Page() {
fw={600}
c='black'
dangerouslySetInnerHTML={{ __html: listTujuanEdukasi.findById.data.judul }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
<Box>
@@ -62,6 +63,7 @@ function Page() {
c="dimmed"
lineClamp={10}
dangerouslySetInnerHTML={{ __html: listTujuanEdukasi.findById.data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Paper>

2
src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
View File

@@ -85,7 +85,7 @@ function EditKategoriKegiatan() {
>
<Stack gap="md">
<TextInput
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
label={<Text fw="bold" fz="sm">Nama Kategori Kegiatan</Text>}
placeholder="Masukkan nama kategori kegiatan"

2
src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
View File

@@ -53,7 +53,7 @@ function CreateKategoriKegiatan() {
>
<Stack gap="md">
<TextInput
value={stateKategori.create.form.nama}
defaultValue={stateKategori.create.form.nama}
onChange={(val) => (stateKategori.create.form.nama = val.target.value)}
label={<Text fw="bold" fz="sm">Nama Kategori Kegiatan</Text>}
placeholder="Masukkan nama kategori kegiatan"

10
src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
View File

@@ -126,14 +126,14 @@ function EditGotongRoyong() {
>
<Stack gap="md">
<TextInput
value={formData.judul}
defaultValue={formData.judul}
label={<Text fz="sm" fw="bold">Judul Kegiatan Desa</Text>}
placeholder="masukkan judul kegiatan desa"
onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
required
/>
<TextInput
value={formData.deskripsiSingkat}
defaultValue={formData.deskripsiSingkat}
label={<Text fz="sm" fw="bold">Deskripsi Singkat Kegiatan Desa</Text>}
placeholder="masukkan deskripsi singkat kegiatan desa"
onChange={(e) => setFormData({ ...formData, deskripsiSingkat: e.target.value })}
@@ -164,17 +164,17 @@ function EditGotongRoyong() {
label={<Text fz="sm" fw="bold">Tanggal Kegiatan Desa</Text>}
placeholder="masukkan tanggal kegiatan desa"
type="date"
value={formatDateForInput(formData.tanggal)}
defaultValue={formatDateForInput(formData.tanggal)}
onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
/>
<TextInput
value={formData.lokasi}
defaultValue={formData.lokasi}
label={<Text fz="sm" fw="bold">Lokasi Kegiatan Desa</Text>}
placeholder="masukkan lokasi kegiatan desa"
onChange={(e) => setFormData({ ...formData, lokasi: e.target.value })}
/>
<TextInput
value={formData.partisipan}
defaultValue={formData.partisipan}
label={<Text fz="sm" fw="bold">Partisipan Kegiatan Desa</Text>}
placeholder="masukkan partisipan kegiatan desa"
onChange={(e) => {

6
src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
View File

@@ -85,13 +85,13 @@ function DetailKegiatanDesa() {
{/* Deskripsi Singkat */}
<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>
{/* Deskripsi Lengkap */}
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }} />
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }} />
</Box>
{/* Kategori */}
@@ -109,7 +109,7 @@ function DetailKegiatanDesa() {
{/* Lokasi */}
<Box>
<Text fz="lg" fw="bold">Lokasi</Text>
<Text fz="md" c="dimmed">{data.lokasi || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.lokasi || '-'}</Text>
</Box>
{/* Gambar */}

10
src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
View File

@@ -155,21 +155,21 @@ function CreateKegiatanDesa() {
<TextInput
label="Judul Kegiatan"
placeholder="Masukkan judul kegiatan"
value={stateKegiatanDesa.create.form.judul}
defaultValue={stateKegiatanDesa.create.form.judul}
onChange={(e) => (stateKegiatanDesa.create.form.judul = e.target.value)}
required
/>
<TextInput
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
value={stateKegiatanDesa.create.form.deskripsiSingkat}
defaultValue={stateKegiatanDesa.create.form.deskripsiSingkat}
onChange={(e) => (stateKegiatanDesa.create.form.deskripsiSingkat = e.target.value)}
required
/>
<TextInput
type="number"
min={0}
value={stateKegiatanDesa.create.form.partisipan}
defaultValue={stateKegiatanDesa.create.form.partisipan}
onChange={(e) => {
const value = Number(e.target.value);
if (value >= 0) {
@@ -184,7 +184,7 @@ function CreateKegiatanDesa() {
label="Tanggal"
type="date"
placeholder="Contoh: 2022-01-01"
value={
defaultValue={
stateKegiatanDesa.create.form.tanggal
? stateKegiatanDesa.create.form.tanggal.toISOString().split('T')[0]
: ''
@@ -198,7 +198,7 @@ function CreateKegiatanDesa() {
<TextInput
label="Lokasi"
placeholder="Masukkan lokasi kegiatan"
value={stateKegiatanDesa.create.form.lokasi}
defaultValue={stateKegiatanDesa.create.form.lokasi}
onChange={(e) => (stateKegiatanDesa.create.form.lokasi = e.target.value)}
required
/>

2
src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
View File

@@ -64,6 +64,7 @@ function Page() {
dangerouslySetInnerHTML={{
__html: listBentukKonservasiBerdasarkanAdat.findById.data.judul,
}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
<Box>
@@ -75,6 +76,7 @@ function Page() {
dangerouslySetInnerHTML={{
__html: listBentukKonservasiBerdasarkanAdat.findById.data.deskripsi,
}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Paper>

2
src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
View File

@@ -57,6 +57,7 @@ function Page() {
fw={600}
c="black"
dangerouslySetInnerHTML={{ __html: listFilosofi.findById.data.judul }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
<Box px={{ base: 0, md: 20 }}>
@@ -66,6 +67,7 @@ function Page() {
c="dimmed"
lineClamp={10}
dangerouslySetInnerHTML={{ __html: listFilosofi.findById.data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Paper>

2
src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
View File

@@ -55,6 +55,7 @@ function Page() {
fw={600}
c="black"
dangerouslySetInnerHTML={{ __html: listNilaiKonservasiAdat.findById.data.judul }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
<Box>
@@ -64,6 +65,7 @@ function Page() {
c="dimmed"
lineClamp={10}
dangerouslySetInnerHTML={{ __html: listNilaiKonservasiAdat.findById.data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Paper>

6
src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
View File

@@ -120,7 +120,7 @@ function EditKeteranganBankSampahTerdekat() {
<TextInput
label="Nama Bank Sampah"
placeholder="Masukkan nama bank sampah"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -128,7 +128,7 @@ function EditKeteranganBankSampahTerdekat() {
<TextInput
label="Alamat"
placeholder="Masukkan alamat lengkap"
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
required
/>
@@ -136,7 +136,7 @@ function EditKeteranganBankSampahTerdekat() {
<TextInput
label="Nama Tempat di Maps"
placeholder="Masukkan nama tempat yang terdaftar di Google Maps"
value={formData.namaTempatMaps}
defaultValue={formData.namaTempatMaps}
onChange={(e) => setFormData({ ...formData, namaTempatMaps: e.target.value })}
required
/>

4
src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
View File

@@ -78,12 +78,12 @@ function DetailKeteranganBankSampahTerdekat() {
<Box>
<Text fz="sm" c="dimmed">Alamat</Text>
<Text fz="lg">{keteranganState.findUnique.data?.alamat}</Text>
<Text fz="lg" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{keteranganState.findUnique.data?.alamat}</Text>
</Box>
<Box>
<Text fz="sm" c="dimmed">Nama Tempat di Maps</Text>
<Text fz="lg">{keteranganState.findUnique.data?.namaTempatMaps}</Text>
<Text fz="lg" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{keteranganState.findUnique.data?.namaTempatMaps}</Text>
</Box>
<Box>

6
src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
View File

@@ -76,7 +76,7 @@ function CreateKeteranganBankSampahTerdekat() {
<TextInput
label="Nama Bank Sampah"
placeholder="Masukkan nama bank sampah"
value={keteranganState.create.form.name}
defaultValue={keteranganState.create.form.name}
onChange={(e) => (keteranganState.create.form.name = e.target.value)}
required
/>
@@ -84,7 +84,7 @@ function CreateKeteranganBankSampahTerdekat() {
<TextInput
label="Alamat"
placeholder="Masukkan alamat lengkap"
value={keteranganState.create.form.alamat}
defaultValue={keteranganState.create.form.alamat}
onChange={(e) => (keteranganState.create.form.alamat = e.target.value)}
required
/>
@@ -92,7 +92,7 @@ function CreateKeteranganBankSampahTerdekat() {
<TextInput
label="Nama Tempat di Maps"
placeholder="Masukkan nama tempat yang terdaftar di Google Maps"
value={keteranganState.create.form.namaTempatMaps}
defaultValue={keteranganState.create.form.namaTempatMaps}
onChange={(e) => (keteranganState.create.form.namaTempatMaps = e.target.value)}
required
/>

2
src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
View File

@@ -105,7 +105,7 @@ function EditProgramKreatifDesa() {
<TextInput
label="Nama Pengelolaan Sampah"
placeholder="Masukkan nama pengelolaan sampah"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => {
const value = e.target.value;
setFormData(prev => ({

2
src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
View File

@@ -61,7 +61,7 @@ function CreatePengelolaanSampahBankSampah() {
<TextInput
label="Nama Pengelolaan Sampah"
placeholder="Masukkan nama pengelolaan sampah"
value={stateCreate.create.form.name || ''}
defaultValue={stateCreate.create.form.name || ''}
onChange={(e) => (stateCreate.create.form.name = e.target.value)}
required
/>

4
src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
View File

@@ -135,7 +135,7 @@ function EditProgramPenghijauan() {
>
<Stack gap="md">
<TextInput
value={formData.name}
defaultValue={formData.name}
label="Nama Program Penghijauan"
placeholder="Masukkan nama program penghijauan"
onChange={(val) =>
@@ -148,7 +148,7 @@ function EditProgramPenghijauan() {
/>
<TextInput
value={formData.judul}
defaultValue={formData.judul}
label="Judul Deskripsi Program Penghijauan"
placeholder="Masukkan judul deskripsi program penghijauan"
onChange={(val) =>

2
src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
View File

@@ -112,7 +112,7 @@ function DetailProgramPenghijauan() {
<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>
{/* Tombol aksi */}

4
src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
View File

@@ -69,7 +69,7 @@ function CreateProgramPenghijauan() {
<TextInput
label={<Text fz="sm" fw="bold">Nama Program Penghijauan</Text>}
placeholder="Masukkan nama program penghijauan"
value={stateCreate.create.form.name || ''}
defaultValue={stateCreate.create.form.name || ''}
onChange={(e) => (stateCreate.create.form.name = e.target.value)}
required
/>
@@ -86,7 +86,7 @@ function CreateProgramPenghijauan() {
<TextInput
label={<Text fz="sm" fw="bold">Judul Deskripsi Program Penghijauan</Text>}
placeholder="Masukkan judul deskripsi program penghijauan"
value={stateCreate.create.form.judul || ''}
defaultValue={stateCreate.create.form.judul || ''}
onChange={(e) => (stateCreate.create.form.judul = e.target.value)}
required
/>