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

@@ -211,7 +211,7 @@ function EditPolsekTerdekat() {
<TextInput
label="Nama Layanan"
placeholder="Masukkan nama layanan"
value={namaLayananBaru}
defaultValue={namaLayananBaru}
onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
/>
<Button onClick={handleTambahLayanan}>Simpan</Button>
@@ -229,7 +229,7 @@ function EditPolsekTerdekat() {
<TextInput
label="Nama Layanan"
placeholder="Masukkan nama layanan"
value={namaLayananUpdate}
defaultValue={namaLayananUpdate}
onChange={(e) => setNamaLayananUpdate(e.currentTarget.value)}
/>
<Button
@@ -273,7 +273,7 @@ function EditPolsekTerdekat() {
<Stack gap="md">
{/* Input fields */}
<TextInput
value={formData.nama}
defaultValue={formData.nama}
onChange={(val) =>
setFormData({ ...formData, nama: val.target.value })
}
@@ -282,7 +282,7 @@ function EditPolsekTerdekat() {
required
/>
<TextInput
value={formData.jarakKeDesa}
defaultValue={formData.jarakKeDesa}
onChange={(val) =>
setFormData({ ...formData, jarakKeDesa: val.target.value })
}
@@ -290,7 +290,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan jarak Polsek Terdekat"
/>
<TextInput
value={formData.alamat}
defaultValue={formData.alamat}
onChange={(val) =>
setFormData({ ...formData, alamat: val.target.value })
}
@@ -298,7 +298,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan alamat Polsek Terdekat"
/>
<TextInput
value={formData.nomorTelepon}
defaultValue={formData.nomorTelepon}
onChange={(val) =>
setFormData({ ...formData, nomorTelepon: val.target.value })
}
@@ -306,7 +306,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan nomor telepon Polsek Terdekat"
/>
<TextInput
value={formData.jamOperasional}
defaultValue={formData.jamOperasional}
onChange={(val) =>
setFormData({ ...formData, jamOperasional: val.target.value })
}
@@ -314,7 +314,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan jam operasional Polsek Terdekat"
/>
<TextInput
value={formData.embedMapUrl}
defaultValue={formData.embedMapUrl}
onChange={(val) =>
setFormData({ ...formData, embedMapUrl: val.target.value })
}
@@ -322,7 +322,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan embed map url"
/>
<TextInput
value={formData.namaTempatMaps}
defaultValue={formData.namaTempatMaps}
onChange={(val) =>
setFormData({ ...formData, namaTempatMaps: val.target.value })
}
@@ -330,7 +330,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan nama tempat di maps"
/>
<TextInput
value={formData.alamatMaps}
defaultValue={formData.alamatMaps}
onChange={(val) =>
setFormData({ ...formData, alamatMaps: val.target.value })
}
@@ -338,7 +338,7 @@ function EditPolsekTerdekat() {
placeholder="Masukkan alamat di maps"
/>
<TextInput
value={formData.linkPetunjukArah}
defaultValue={formData.linkPetunjukArah}
onChange={(val) =>
setFormData({ ...formData, linkPetunjukArah: val.target.value })
}

View File

@@ -82,7 +82,7 @@ function DetailPolsekTerdekat() {
{/* Alamat */}
<Box>
<Text fz="lg" fw="bold">Alamat Polsek</Text>
<Text fz="md" c="dimmed">{data?.alamat || "-"}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamat || "-"}</Text>
</Box>
{/* Nomor */}
@@ -125,19 +125,19 @@ function DetailPolsekTerdekat() {
{/* Nama Tempat Maps */}
<Box>
<Text fz="lg" fw="bold">Nama Tempat Maps</Text>
<Text fz="md" c="dimmed">{data?.namaTempatMaps || "-"}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.namaTempatMaps || "-"}</Text>
</Box>
{/* Alamat Maps */}
<Box>
<Text fz="lg" fw="bold">Alamat Maps</Text>
<Text fz="md" c="dimmed">{data?.alamatMaps || "-"}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamatMaps || "-"}</Text>
</Box>
{/* Link Petunjuk Arah */}
<Box>
<Text fz="lg" fw="bold">Link Petunjuk Arah</Text>
<Text fz="md">
<Text fz="lg" fw="bold" >Link Petunjuk Arah</Text>
<Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
<a
href={data?.linkPetunjukArah || "#"}
target="_blank"

View File

@@ -113,7 +113,7 @@ function CreatePolsekTerdekat() {
<TextInput
label="Nama Layanan"
placeholder="Masukkan nama layanan"
value={namaLayananBaru}
defaultValue={namaLayananBaru}
onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
/>
<Button onClick={handleTambahLayanan}>Simpan</Button>
@@ -148,59 +148,59 @@ function CreatePolsekTerdekat() {
>
<Stack gap="md">
<TextInput
value={polsekState.create.form.nama}
defaultValue={polsekState.create.form.nama}
onChange={(val) => (polsekState.create.form.nama = val.target.value)}
label={<Text fw="bold" fz="sm">Nama Polsek Terdekat</Text>}
placeholder="Masukkan nama Polsek Terdekat"
required
/>
<TextInput
value={polsekState.create.form.jarakKeDesa}
defaultValue={polsekState.create.form.jarakKeDesa}
onChange={(val) => (polsekState.create.form.jarakKeDesa = val.target.value)}
label={<Text fw="bold" fz="sm">Jarak Polsek Terdekat</Text>}
placeholder="Masukkan jarak Polsek Terdekat"
required
/>
<TextInput
value={polsekState.create.form.alamat}
defaultValue={polsekState.create.form.alamat}
onChange={(val) => (polsekState.create.form.alamat = val.target.value)}
label={<Text fw="bold" fz="sm">Alamat Polsek Terdekat</Text>}
placeholder="Masukkan alamat Polsek Terdekat"
required
/>
<TextInput
value={polsekState.create.form.nomorTelepon}
defaultValue={polsekState.create.form.nomorTelepon}
onChange={(val) => (polsekState.create.form.nomorTelepon = val.target.value)}
label={<Text fw="bold" fz="sm">Nomor Telepon Polsek Terdekat</Text>}
placeholder="Masukkan nomor telepon Polsek Terdekat"
required
/>
<TextInput
value={polsekState.create.form.jamOperasional}
defaultValue={polsekState.create.form.jamOperasional}
onChange={(val) => (polsekState.create.form.jamOperasional = val.target.value)}
label={<Text fw="bold" fz="sm">Jam Operasional Polsek Terdekat</Text>}
placeholder="Masukkan jam operasional Polsek Terdekat"
/>
<TextInput
value={polsekState.create.form.embedMapUrl}
defaultValue={polsekState.create.form.embedMapUrl}
onChange={(val) => (polsekState.create.form.embedMapUrl = val.target.value)}
label={<Text fw="bold" fz="sm">Embed Map URL</Text>}
placeholder="Masukkan embed map url"
/>
<TextInput
value={polsekState.create.form.namaTempatMaps}
defaultValue={polsekState.create.form.namaTempatMaps}
onChange={(val) => (polsekState.create.form.namaTempatMaps = val.target.value)}
label={<Text fw="bold" fz="sm">Nama Tempat Maps</Text>}
placeholder="Masukkan nama tempat maps"
/>
<TextInput
value={polsekState.create.form.alamatMaps}
defaultValue={polsekState.create.form.alamatMaps}
onChange={(val) => (polsekState.create.form.alamatMaps = val.target.value)}
label={<Text fw="bold" fz="sm">Alamat Maps</Text>}
placeholder="Masukkan alamat maps"
/>
<TextInput
value={polsekState.create.form.linkPetunjukArah}
defaultValue={polsekState.create.form.linkPetunjukArah}
onChange={(val) => (polsekState.create.form.linkPetunjukArah = val.target.value)}
label={<Text fw="bold" fz="sm">Link Petunjuk Arah</Text>}
placeholder="Masukkan link petunjuk arah"