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

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

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

7
src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
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';
@@ -62,9 +61,9 @@ function CreateKategoriBerita() {
>
<Stack gap="md">
<TextInput
label={<Text fw="bold" fz="sm">Nama Kategori Berita</Text>}
label="Nama Kategori Berita"
placeholder="Masukkan nama kategori berita"
value={createState.create.form.name || ''}
defaultValue={createState.create.form.name || ''}
onChange={(e) => (createState.create.form.name = e.target.value)}
required
/>

47
src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
View File

@@ -131,17 +131,36 @@ function EditBerita() {
<TextInput
label="Judul"
placeholder="Masukkan judul"
value={formData.judul}
defaultValue={formData.judul}
onChange={(e) =>
setFormData({ ...formData, judul: e.target.value })
}
required
/>
<Select
value={formData.kategoriBeritaId}
onChange={(val) =>
setFormData({ ...formData, kategoriBeritaId: val || "" })
}
label="Kategori"
placeholder="Pilih kategori"
data={
beritaState.kategoriBerita.findMany.data?.map((v) => ({
value: v.id,
label: v.name,
})) || []
}
clearable
searchable
required
error={!formData.kategoriBeritaId ? "Pilih kategori" : undefined}
/>
<TextInput
label="Deskripsi"
placeholder="Masukkan deskripsi"
value={formData.deskripsi}
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
defaultValue={formData.deskripsi}
onChange={(e) =>
setFormData({ ...formData, deskripsi: e.target.value })
}
@@ -216,26 +235,6 @@ function EditBerita() {
}}
/>
</Box>
<Select
value={formData.kategoriBeritaId}
onChange={(val) =>
setFormData({ ...formData, kategoriBeritaId: val || "" })
}
label="Kategori"
placeholder="Pilih kategori"
data={
beritaState.kategoriBerita.findMany.data?.map((v) => ({
value: v.id,
label: v.name,
})) || []
}
clearable
searchable
required
error={!formData.kategoriBeritaId ? "Pilih kategori" : undefined}
/>
<Group justify="right">
<Button
onClick={handleSubmit}

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

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

7
src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
View File

@@ -100,7 +100,7 @@ export default function CreateBerita() {
<TextInput
label="Judul"
placeholder="Masukkan judul berita"
value={beritaState.berita.create.form.judul}
defaultValue={beritaState.berita.create.form.judul}
onChange={(e) => (beritaState.berita.create.form.judul = e.target.value)}
required
/>
@@ -112,7 +112,7 @@ export default function CreateBerita() {
label: item.name,
value: item.id,
}))}
value={beritaState.berita.create.form.kategoriBeritaId || null}
defaultValue={beritaState.berita.create.form.kategoriBeritaId || null}
onChange={(val: string | null) => {
if (val) {
const selected = beritaState.kategoriBerita.findMany.data?.find(
@@ -133,8 +133,9 @@ export default function CreateBerita() {
<TextInput
label="Deskripsi Singkat"
required
placeholder="Masukkan deskripsi berita"
value={beritaState.berita.create.form.deskripsi}
defaultValue={beritaState.berita.create.form.deskripsi}
onChange={(e) => (beritaState.berita.create.form.deskripsi = e.target.value)}
/>

4
src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
View File

@@ -102,7 +102,7 @@ function EditVideo() {
<TextInput
label="Judul Video"
placeholder="Masukkan judul video"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -111,7 +111,7 @@ function EditVideo() {
<TextInput
label="Link Video YouTube"
placeholder="https://www.youtube.com/watch?v=abc123"
value={formData.linkVideo}
defaultValue={formData.linkVideo}
onChange={(e) => setFormData({ ...formData, linkVideo: e.currentTarget.value })}
required
/>

1
src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
View File

@@ -102,6 +102,7 @@ function DetailVideo() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsi }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
) : (
<Text fz="sm" c="dimmed">Tidak ada deskripsi</Text>

4
src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
View File

@@ -80,7 +80,7 @@ function CreateVideo() {
<TextInput
label="Judul Video"
placeholder="Masukkan judul video"
value={videoState.create.form.name}
defaultValue={videoState.create.form.name}
onChange={(e) => {
videoState.create.form.name = e.currentTarget.value;
}}
@@ -91,7 +91,7 @@ function CreateVideo() {
<TextInput
label="Link Video YouTube"
placeholder="https://www.youtube.com/watch?v=abc123"
value={link}
defaultValue={link}
onChange={(e) => setLink(e.currentTarget.value)}
required
/>

8
src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
View File

@@ -98,7 +98,7 @@ function EditAjukanPermohonan() {
<TextInput
label="Nama"
placeholder="Masukkan nama"
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
required
/>
@@ -107,7 +107,7 @@ function EditAjukanPermohonan() {
type="number"
label="NIK"
placeholder="Masukkan NIK"
value={formData.nik}
defaultValue={formData.nik}
onChange={(e) => setFormData({ ...formData, nik: e.target.value })}
required
/>
@@ -115,7 +115,7 @@ function EditAjukanPermohonan() {
<TextInput
label="Alamat"
placeholder="Masukkan alamat"
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
required
/>
@@ -124,7 +124,7 @@ function EditAjukanPermohonan() {
type="number"
label="Nomor KK"
placeholder="Masukkan nomor KK"
value={formData.nomorKk}
defaultValue={formData.nomorKk}
onChange={(e) => setFormData({ ...formData, nomorKk: e.target.value })}
required
/>

20
src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
View File

@@ -3,14 +3,14 @@ import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirma
import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
import colors from '@/con/colors';
import {
Box,
Button,
Group,
Paper,
Skeleton,
Stack,
Text,
Tooltip
Box,
Button,
Group,
Paper,
Skeleton,
Stack,
Text,
Tooltip
} from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -79,7 +79,7 @@ function DetailAjukanPermohonan() {
<Text fz="lg" fw="bold">
Nama
</Text>
<Text fz="md" c="dimmed">
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
{data?.nama || '-'}
</Text>
</Box>
@@ -97,7 +97,7 @@ function DetailAjukanPermohonan() {
<Text fz="lg" fw="bold">
Alamat
</Text>
<Text fz="md" c="dimmed">
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
{data?.alamat || '-'}
</Text>
</Box>

2
src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/edit/page.tsx
View File

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

1
src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
View File

@@ -91,6 +91,7 @@ function PelayananPendudukNonPermanent() {
ta="justify"
fz={{ base: '1rem', md: '1.2rem' }}
dangerouslySetInnerHTML={{ __html: data.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</Box>
</Box>

4
src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/edit/page.tsx
View File

@@ -83,7 +83,7 @@ function EditPelayananPerizinanBerusaha() {
<TextInput
label="Judul"
placeholder="Masukkan judul"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -92,7 +92,7 @@ function EditPelayananPerizinanBerusaha() {
<TextInput
label="Link"
placeholder="Masukkan link terkait"
value={formData.link}
defaultValue={formData.link}
onChange={(e) => setFormData({ ...formData, link: e.target.value })}
/>

1
src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
View File

@@ -101,6 +101,7 @@ function PerizinanBerusaha() {
ta="justify"
fz={{ base: '1rem', md: '1.2rem' }}
dangerouslySetInnerHTML={{ __html: data.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
<Text

2
src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
View File

@@ -122,7 +122,7 @@ function EditSuratKeterangan() {
<TextInput
label="Nama Surat Keterangan"
placeholder="Masukkan nama surat keterangan"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>

1
src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
View File

@@ -95,6 +95,7 @@ function DetailSuratKeterangan() {
dangerouslySetInnerHTML={{
__html: data?.deskripsi || '-',
}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

4
src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
View File

@@ -106,9 +106,9 @@ function CreateSuratKeterangan() {
<Stack gap="md">
{/* Nama Surat */}
<TextInput
value={stateSurat.create.form.name}
defaultValue={stateSurat.create.form.name}
onChange={(val) => (stateSurat.create.form.name = val.target.value)}
label={<Text fz="sm" fw="bold">Nama Surat Keterangan</Text>}
label="Nama Surat Keterangan"
placeholder="Masukkan nama surat keterangan"
required
/>

1
src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
View File

@@ -119,6 +119,7 @@ function ListSuratKeterangan({ search }: { search: string }) {
<Box w={200}>
<Text truncate="end" lineClamp={1} fz="sm" c="dimmed"
dangerouslySetInnerHTML={{ __html: item.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</Box>
</TableTd>

4
src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
View File

@@ -94,7 +94,7 @@ function EditPelayananTelunjukSakti() {
<TextInput
label="Nama Pelayanan"
placeholder="Masukkan nama pelayanan"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -114,7 +114,7 @@ function EditPelayananTelunjukSakti() {
<TextInput
label="Link"
placeholder="Masukkan link terkait"
value={formData.link}
defaultValue={formData.link}
onChange={(e) => setFormData({ ...formData, link: e.target.value })}
/>

2
src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
View File

@@ -103,6 +103,7 @@ function DetailPelayananTelunjukSakti() {
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
wordBreak: "break-word",
}}
>
{data.link}
@@ -124,6 +125,7 @@ function DetailPelayananTelunjukSakti() {
dangerouslySetInnerHTML={{
__html: data?.deskripsi || '-',
}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

19
src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
View File

@@ -8,15 +8,14 @@ import {
Group,
Paper,
Stack,
Text,
TextInput,
Title,
Tooltip,
Tooltip
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useProxy } from 'valtio/utils';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
function CreatePelayananTelunjukDesa() {
const stateTelunjukDesa = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa);
@@ -68,33 +67,35 @@ function CreatePelayananTelunjukDesa() {
<Stack gap="md">
{/* Nama */}
<TextInput
value={stateTelunjukDesa.create.form.name}
defaultValue={stateTelunjukDesa.create.form.name}
onChange={(val) => {
stateTelunjukDesa.create.form.name = val.target.value;
}}
label={<Text fz="sm" fw="bold">Nama Pelayanan</Text>}
label="Nama Pelayanan"
placeholder="Masukkan nama pelayanan telunjuk sakti desa"
required
/>
{/* Deskripsi */}
<TextInput
value={stateTelunjukDesa.create.form.deskripsi}
defaultValue={stateTelunjukDesa.create.form.deskripsi}
onChange={(val) => {
stateTelunjukDesa.create.form.deskripsi = val.target.value;
}}
label={<Text fz="sm" fw="bold">Deskripsi</Text>}
label="Deskripsi"
placeholder="Masukkan deskripsi pelayanan"
required
/>
{/* Link */}
<TextInput
value={stateTelunjukDesa.create.form.link}
defaultValue={stateTelunjukDesa.create.form.link}
onChange={(val) => {
stateTelunjukDesa.create.form.link = val.target.value;
}}
label={<Text fz="sm" fw="bold">Link</Text>}
label="Link"
placeholder="Masukkan link pelayanan"
required
/>
{/* Tombol Simpan */}

2
src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
View File

@@ -261,7 +261,7 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
<TableTd>
<Box w={200}>
<a href={item.link} target="_blank" rel="noopener noreferrer">
<Text lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} truncate="end" fz={"sm"} />
<Text lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} style={{wordBreak: "break-word", whiteSpace: "normal"}} truncate="end" fz={"sm"} />
</a>
</Box>
</TableTd>

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

@@ -122,7 +122,7 @@ function EditPenghargaan() {
<TextInput
label="Judul"
placeholder="Masukkan judul penghargaan"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -131,7 +131,7 @@ function EditPenghargaan() {
<TextInput
label="Juara"
placeholder="Masukkan juara"
value={formData.juara}
defaultValue={formData.juara}
onChange={(e) => setFormData({ ...formData, juara: e.target.value })}
required
/>

1
src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
View File

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

8
src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
View File

@@ -87,17 +87,17 @@ function CreatePenghargaan() {
>
<Stack gap="md">
<TextInput
value={statePenghargaan.create.form.name}
defaultValue={statePenghargaan.create.form.name}
onChange={(val) => (statePenghargaan.create.form.name = val.target.value)}
label={<Text fz="sm" fw="bold">Nama Penghargaan</Text>}
label="Nama Penghargaan"
placeholder="Masukkan nama penghargaan"
required
/>
<TextInput
value={statePenghargaan.create.form.juara}
defaultValue={statePenghargaan.create.form.juara}
onChange={(val) => (statePenghargaan.create.form.juara = val.target.value)}
label={<Text fz="sm" fw="bold">Juara</Text>}
label="Juara"
placeholder="Masukkan juara"
required
/>

1
src/app/admin/(dashboard)/desa/penghargaan/page.tsx
View File

@@ -108,6 +108,7 @@ function ListPenghargaan({ search }: { search: string }) {
fz="sm"
c="dimmed"
dangerouslySetInnerHTML={{ __html: item.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</Box>
</TableTd>

9
src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
View File

@@ -10,8 +10,7 @@ import {
Stack,
TextInput,
Title,
Tooltip,
Text,
Tooltip
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation';
@@ -95,11 +94,7 @@ function EditKategoriPengumuman() {
>
<Stack gap="md">
<TextInput
label={
<Text fz="sm" fw="bold">
Nama Kategori Pengumuman
</Text>
}
label="Nama Kategori Pengumuman"
placeholder="Masukkan nama kategori Pengumuman"
value={formData.name}
onChange={(e) =>

7
src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
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';
@@ -62,9 +61,9 @@ function CreateKategoriPengumuman() {
>
<Stack gap="md">
<TextInput
label={<Text fw="bold" fz="sm">Nama Kategori Pengumuman</Text>}
label="Nama Kategori Pengumuman"
placeholder="Masukkan nama kategori pengumuman"
value={createState.create.form.name || ''}
defaultValue={createState.create.form.name || ''}
onChange={(e) => (createState.create.form.name = e.target.value)}
required
/>

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

@@ -108,7 +108,7 @@ function EditPengumuman() {
<TextInput
label="Judul Pengumuman"
placeholder="Masukkan judul"
value={formData.judul}
defaultValue={formData.judul}
onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
required
/>
@@ -116,7 +116,7 @@ function EditPengumuman() {
<TextInput
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi"
value={formData.deskripsi}
defaultValue={formData.deskripsi}
onChange={(e) =>
setFormData({ ...formData, deskripsi: e.target.value })
}

3
src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
View File

@@ -97,7 +97,7 @@ export default function DetailPengumuman() {
<Text fz="lg" fw="bold">
Deskripsi
</Text>
<Text fz="md" c="dimmed">
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
{data?.deskripsi || '-'}
</Text>
</Box>
@@ -112,6 +112,7 @@ export default function DetailPengumuman() {
dangerouslySetInnerHTML={{
__html: data?.content || '-',
}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

10
src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
View File

@@ -68,16 +68,16 @@ function CreatePengumuman() {
<Stack gap="md">
{/* Judul */}
<TextInput
value={pengumumanState.pengumuman.create.form.judul}
defaultValue={pengumumanState.pengumuman.create.form.judul}
onChange={(val) => (pengumumanState.pengumuman.create.form.judul = val.target.value)}
label={<Text fz="sm" fw="bold">Judul</Text>}
label="Judul"
placeholder="Masukkan judul pengumuman"
required
/>
{/* Kategori */}
<Select
label={<Text fz="sm" fw="bold">Kategori</Text>}
label="Kategori"
placeholder="Pilih kategori"
value={pengumumanState.pengumuman.create.form.categoryPengumumanId || ""}
onChange={(val) => {
@@ -93,9 +93,9 @@ function CreatePengumuman() {
{/* Deskripsi Singkat */}
<TextInput
value={pengumumanState.pengumuman.create.form.deskripsi}
defaultValue={pengumumanState.pengumuman.create.form.deskripsi}
onChange={(val) => (pengumumanState.pengumuman.create.form.deskripsi = val.target.value)}
label={<Text fz="sm" fw="bold">Deskripsi Singkat</Text>}
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
required
/>

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

@@ -89,7 +89,7 @@ function EditKategoriPotensi() {
<TextInput
label="Nama Kategori Potensi"
placeholder="Masukkan nama kategori potensi"
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
required
/>

7
src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
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';
@@ -62,9 +61,9 @@ function CreateKategoriPotensi() {
>
<Stack gap="md">
<TextInput
label={<Text fw="bold" fz="sm">Nama Kategori Potensi</Text>}
label="Nama Kategori Potensi"
placeholder="Masukkan nama kategori potensi"
value={createState.create.form.nama || ''}
defaultValue={createState.create.form.nama || ''}
onChange={(e) => (createState.create.form.nama = e.target.value)}
required
/>

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

@@ -122,7 +122,7 @@ function EditPotensi() {
<TextInput
label="Judul Potensi"
placeholder="Masukkan judul"
value={formData.name}
defaultValue={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
required
/>
@@ -130,7 +130,7 @@ function EditPotensi() {
<TextInput
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi"
value={formData.deskripsi}
defaultValue={formData.deskripsi}
onChange={(e) => setFormData({ ...formData, deskripsi: e.target.value })}
required
/>

3
src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
View File

@@ -77,7 +77,7 @@ export default function DetailPotensi() {
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text fz="md" c="dimmed">{data.deskripsi || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsi || '-'}</Text>
</Box>
<Box>
@@ -103,6 +103,7 @@ export default function DetailPotensi() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.content || '-' }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>

10
src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
View File

@@ -93,25 +93,25 @@ function CreatePotensi() {
<Stack gap="md">
{/* Judul */}
<TextInput
value={potensiState.create.form.name}
defaultValue={potensiState.create.form.name}
onChange={(val) => (potensiState.create.form.name = val.target.value)}
label={<Text fz="sm" fw="bold">Judul</Text>}
label="Judul"
placeholder="Masukkan judul potensi"
required
/>
{/* Deskripsi */}
<TextInput
value={potensiState.create.form.deskripsi}
defaultValue={potensiState.create.form.deskripsi}
onChange={(val) => (potensiState.create.form.deskripsi = val.target.value)}
label={<Text fz="sm" fw="bold">Deskripsi</Text>}
label="Deskripsi"
placeholder="Masukkan deskripsi singkat"
required
/>
{/* Kategori */}
<Select
label={<Text fz="sm" fw="bold">Kategori</Text>}
label="Kategori"
placeholder="Pilih kategori"
value={potensiState.create.form.kategoriId || ""}
onChange={(val) => {

1
src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
View File

@@ -115,6 +115,7 @@ function ListPotensi({ search }: { search: string }) {
truncate
fz="sm"
dangerouslySetInnerHTML={{ __html: item.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</Box>
</TableTd>

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

@@ -115,7 +115,7 @@ function Page() {
<TextInput
label={<Text fw="bold">Judul</Text>}
placeholder="Judul lambang"
value={lambangState.update.form.judul}
defaultValue={lambangState.update.form.judul}
onChange={(e) => lambangState.update.form.judul = e.currentTarget.value}
error={!lambangState.update.form.judul && "Judul wajib diisi"}
/>

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

@@ -175,7 +175,7 @@ function Page() {
<TextInput
label={<Text fw="bold">Judul</Text>}
placeholder="Masukkan judul maskot"
value={formData.judul}
defaultValue={formData.judul}
onChange={(e) => setFormData({ ...formData, judul: e.currentTarget.value })}
error={!formData.judul && "Judul wajib diisi"}
/>

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

@@ -116,7 +116,7 @@ function Page() {
<TextInput
label={<Text fw="bold">Judul</Text>}
placeholder="Judul sejarah"
value={sejarahState.update.form.judul}
defaultValue={sejarahState.update.form.judul}
onChange={(e) => sejarahState.update.form.judul = e.currentTarget.value}
error={!sejarahState.update.form.judul && "Judul wajib diisi"}
/>

10
src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
View File

@@ -70,7 +70,7 @@ function Page() {
</Paper>
</Stack>
<Divider my="md" color={colors['blue-button']} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
<Text fz={{ base: "md", md: "h3" }} style={{wordBreak: "break-word", whiteSpace: "normal"}} ta="justify" dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
</Paper>
</Box>
</Paper>
@@ -118,9 +118,9 @@ function Page() {
</Stack>
<Divider my="md" color={colors['blue-button']} />
<Text fw="bold" fz={{ base: "lg", md: "h2" }}>Visi Desa</Text>
<Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
<Text fw="bold" fz={{ base: "lg", md: "h2" }}>Misi Desa</Text>
<Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
</Paper>
</Box>
</Paper>
@@ -167,7 +167,7 @@ function Page() {
</Paper>
</Stack>
<Divider my="md" color={colors['blue-button']} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
</Paper>
</Box>
</Paper>
@@ -214,7 +214,7 @@ function Page() {
</Paper>
</Stack>
<Divider my="md" color={colors['blue-button']} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
<Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
<Stack mt="md" gap="sm">
<SimpleGrid cols={{ base: 2, md: 4 }} spacing="md">
{maskot.images.map((img, idx) => (

6
src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
View File

@@ -106,7 +106,7 @@ function EditPerbekelDariMasaKeMasa() {
<TextInput
label="Nama"
placeholder="Masukkan nama"
value={formData.nama}
defaultValue={formData.nama}
onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
required
/>
@@ -170,7 +170,7 @@ function EditPerbekelDariMasaKeMasa() {
<TextInput
label="Daerah"
placeholder="Masukkan daerah"
value={formData.daerah}
defaultValue={formData.daerah}
onChange={(e) => setFormData({ ...formData, daerah: e.target.value })}
required
/>
@@ -178,7 +178,7 @@ function EditPerbekelDariMasaKeMasa() {
<TextInput
label="Periode"
placeholder="Masukkan periode"
value={formData.periode}
defaultValue={formData.periode}
onChange={(e) => setFormData({ ...formData, periode: e.target.value })}
required
/>

12
src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
View File

@@ -70,23 +70,23 @@ function CreatePerbekelDariMasaKeMasa() {
>
<Stack gap="md">
<TextInput
label={<Text fw="bold" fz="sm">Nama Perbekel</Text>}
label="Nama Perbekel"
placeholder="Masukkan nama perbekel"
value={state.create.form.nama}
defaultValue={state.create.form.nama}
onChange={(e) => (state.create.form.nama = e.target.value)}
required
/>
<TextInput
label={<Text fw="bold" fz="sm">Daerah</Text>}
label="Daerah"
placeholder="Masukkan daerah"
value={state.create.form.daerah}
defaultValue={state.create.form.daerah}
onChange={(e) => (state.create.form.daerah = e.target.value)}
required
/>
<TextInput
label={<Text fw="bold" fz="sm">Periode</Text>}
label="Periode"
placeholder="Masukkan periode"
value={state.create.form.periode}
defaultValue={state.create.form.periode}
onChange={(e) => (state.create.form.periode = e.target.value)}
required
/>

8
src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
View File

@@ -97,16 +97,16 @@ function Page() {
{/* Biodata & Info */}
<Box mt="lg">
<Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Biodata</Text>
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.biodata }} />
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.biodata }} />
<Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Pengalaman</Text>
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }} />
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }} />
<Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Pengalaman Organisasi</Text>
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }} />
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }} />
<Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Program Kerja Unggulan</Text>
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }} />
<Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }} />
</Box>
</Paper>
</Stack>