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

@@ -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
/>

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>

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 })
}

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>

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 })}
/>

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

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
/>

View File

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

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
/>

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>

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 })}
/>

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>

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 */}

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>