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

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

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

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

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>

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) => {

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>