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

upd: pengumuman

Browse Source 
Deskripsi:
- mengganti layout navbar terbaru
- mengganti global state menjadi local state
- memakai modal konfirmasi

NO Issues
This commit is contained in:
amel
2024-07-08 16:33:39 +08:00
parent 82211071e1
commit f91dcc32de
8 changed files with 197 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/module/announcement/view/view_create_announcement.tsx
View File

@@ -1,60 +1,14 @@
import { WARNA } from "@/module/_global";
import { LayoutNavbarNew, WARNA } from "@/module/_global";
import { Box, Stack, TextInput, Button, Textarea } from "@mantine/core";
import { HiOutlineChevronRight, HiUser } from "react-icons/hi2";
import NavbarCreateAnnouncement from "../component/ui/navbar_create_announcement";
import CreateAnnouncement from "../component/create_announcement";
export default function ViewCreateAnnouncement() {
return (
<Box>
<NavbarCreateAnnouncement />
<Stack
align="center"
justify="center"
gap="xs"
pt={30}
px={20}
>
<TextInput
size="md" type="text" radius={30} placeholder="Judul Pengumuman" withAsterisk label="Judul" w={"100%"}
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
/>
<Textarea
size="md"
radius={20}
w={"100%"}
label="Pengumuman"
withAsterisk
placeholder="Deskripsi Pengumuman"
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
/>
<Button rightSection={<HiOutlineChevronRight size={14} />} variant="default" fullWidth radius={30} size="md" mt={10}>
Pilih Anggota
</Button>
</Stack>
<Box mt={30} mx={20}>
<Button
c={"white"}
bg={WARNA.biruTua}
size="md"
radius={30}
fullWidth
>
Simpan
</Button>
</Box>
{/* <NavbarCreateAnnouncement /> */}
<LayoutNavbarNew back="" title="Tambah Pengumuman" menu={<></>} />
<CreateAnnouncement/>
</Box>
)
}

56
src/module/announcement/view/view_edit_announcement.tsx
View File

@@ -1,60 +1,14 @@
import { Box, Button, Stack, Textarea, TextInput } from "@mantine/core";
import NavbarEditAnnouncement from "../component/ui/navbar_edit_announcement";
import { WARNA } from "@/module/_global";
import { LayoutNavbarNew, WARNA } from "@/module/_global";
import { HiOutlineChevronRight } from "react-icons/hi2";
import EditAnnouncement from "../component/edit_announcement";
export default function ViewEditAnnouncement({ data }: { data: string }) {
return (
<Box>
<NavbarEditAnnouncement />
<Stack
align="center"
justify="center"
gap="xs"
pt={30}
px={20}
>
<TextInput
size="md" type="text" radius={30} placeholder="Judul Pengumuman" withAsterisk label="Judul" w={"100%"}
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
/>
<Textarea
size="md"
radius={20}
w={"100%"}
label="Pengumuman"
withAsterisk
placeholder="Deskripsi Pengumuman"
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
/>
<Button rightSection={<HiOutlineChevronRight size={14} />} variant="default" fullWidth radius={30} size="md" mt={10}>
Pilih Anggota
</Button>
</Stack>
<Box mt={30} mx={20}>
<Button
c={"white"}
bg={WARNA.biruTua}
size="md"
radius={30}
fullWidth
>
Simpan
</Button>
</Box>
{/* <NavbarEditAnnouncement /> */}
<LayoutNavbarNew back="" title="Edit Pengumuman" menu={<></>} />
<EditAnnouncement />
</Box>
)
}