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

Merge pull request #261 from bipproduction/lukman/26-september-2024

Browse Source 
style : update style
This commit is contained in:
Amalia
2024-09-26 15:28:50 +08:00
committed by GitHub
parent fea241d3bd 654796dab7
commit ff82a364b8
7 changed files with 70 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/module/division_new/ui/list_document.tsx
View File

@@ -71,13 +71,13 @@ export default function ListDocumentOnDetailDivision() {
<Carousel.Slide key={v.id}>
<UnstyledButton onClick={() => router.push(`/division/${param.id}/document`)}>
<Stack gap={0} w={isMobile ? 100 : 170}>
<Paper withBorder shadow="sm" radius={12} >
<Box bg={"white"} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }} >
<Center p={"md"}>
<Image w={isMobile ? 50 : 75} src={(v.extension == "pdf") ? iconContainer(ICON.PDF) : iconContainer(ICON.IMAGE)} alt="image" />
</Center>
</Paper>
</Box>
<Box>
<Text c={"dimmed"}ta={"center"} lineClamp={1} fz={isMobile? 14 : 16}>{v.name + '.' + v.extension}</Text>
<Text c={"dimmed"} ta={"center"} lineClamp={1} fz={isMobile ? 14 : 16}>{v.name + '.' + v.extension}</Text>
</Box>
</Stack>
</UnstyledButton>

6
src/module/division_new/ui/list_task.tsx
View File

@@ -72,10 +72,10 @@ export default function ListTaskOnDetailDivision() {
<Box p={20} w={{
base: isMobile ? 230 : 300,
md: 400
}} onClick={() => router.push(`/task/${v.id}`)} bg={tema.get().utama} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}>
<Text fw={'bold'} c={tema.get().bgUtama} lineClamp={1}>{_.startCase(v.title)}</Text>
}} onClick={() => router.push(`/task/${v.id}`)} bg={"white"} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}>
<Text fw={'bold'} c={tema.get().utama} lineClamp={1}>{_.startCase(v.title)}</Text>
<Group justify="space-between" mt={20}>
<Group gap={5} align="center" c={"#CFCDCD"}>
<Group gap={5} align="center">
<CiClock2 size={18} />
<Text fz={13}>{v.dateStart}</Text>
</Group >

26
src/module/document/ui/navbar_document_division.tsx
View File

@@ -526,19 +526,15 @@ export default function NavbarDocumentDivision() {
>
{dataJalur.slice(0, 3).map((v, i) => {
return (
<Box p={5}>
<Text
onClick={() => router.push("?path=" + v.id)}
key={i}
style={{
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
maxWidth: "100%",
}}
truncate={"end"}
truncate="end"
>
{v.name}
</Text>
</Box>
);
})}
{dataJalur.length > 3 && (
@@ -575,13 +571,15 @@ export default function NavbarDocumentDivision() {
>
{dataJalur.slice(0, 4).map((v, i) => {
return (
<Text
onClick={() => router.push("?path=" + v.id)}
key={i}
truncate="end"
>
{v.name}
</Text>
<Box p={5}>
<Text
onClick={() => router.push("?path=" + v.id)}
key={i}
truncate="end"
>
{v.name}
</Text>
</Box>
);
})}
{dataJalur.length > 4 && (

35
src/module/project/ui/progress_detail_project.tsx
View File

@@ -19,7 +19,7 @@ export default function ProgressDetailProject() {
const [loading, setLoading] = useState(true)
const tema = useHookstate(TEMA)
const [reason, setReason] = useState("")
async function getOneData() {
try {
setLoading(true)
@@ -76,22 +76,23 @@ export default function ProgressDetailProject() {
return (
<>
<Box mt={10}>
{reason !== null ?
(
<Box mb={10}>
<Box p={15} bg={"#FFF2CD"} style={{
borderRadius: 10,
}}>
<Group align='center'>
<IoIosWarning size={25}/>
<Text fw={"bold"}>Kegiatan dibatalkan</Text>
</Group>
<Text mt={5} truncate="end">{reason}</Text>
</Box>
</Box>
)
: null
}
{loading ? "" :
reason !== null ?
(
<Box mb={10}>
<Box p={15} bg={"#FFF2CD"} style={{
borderRadius: 10,
}}>
<Group align='center'>
<IoIosWarning size={25} />
<Text fw={"bold"}>Kegiatan dibatalkan</Text>
</Group>
<Text mt={5} truncate="end">{reason}</Text>
</Box>
</Box>
)
: null
}
{loading ?
<Skeleton width={"100%"} height={100} radius={"md"} />
:

23
src/module/task/ui/detail_list_file_task.tsx
View File

@@ -131,14 +131,17 @@ export default function ListFileDetailTask() {
}}
>
<Grid gutter={"sm"} justify='flex-start' align='flex-start'>
<Grid.Col span={"auto"}>
<Grid.Col span={2}>
<Center >
{item.extension == "pdf" && <BsFiletypePdf size={25} />}
{item.extension == "csv" && <BsFiletypeCsv size={25} />}
{item.extension == "png" && <BsFiletypePng size={25} />}
{item.extension == "jpg" && <BsFiletypeJpg size={25} />}
{item.extension == "jpeg" && <BsFiletypeJpg size={25} />}
{item.extension == "heic" && <BsFiletypeHeic size={25} />}
{item.extension == "pdf" && <BsFiletypePdf size={30} />}
{item.extension == "csv" && <BsFiletypeCsv size={30} />}
{item.extension == "png" && <BsFiletypePng size={30} />}
{item.extension == "jpg" && <BsFiletypeJpg size={30} />}
{item.extension == "jpeg" && <BsFiletypeJpg size={30} />}
{item.extension == "PNG" && <BsFiletypePng size={30} />}
{item.extension == "JPG" && <BsFiletypeJpg size={30} />}
{item.extension == "JPEG" && <BsFiletypeJpg size={30} />}
{item.extension == "heic" && <BsFiletypeHeic size={30} />}
</Center>
</Grid.Col>
<Grid.Col span={10}>
@@ -155,7 +158,7 @@ export default function ListFileDetailTask() {
<LayoutDrawer opened={openDrawer} title={<Text lineClamp={1}>{nameData}</Text>} onClose={() => setOpenDrawer(false)}>
<LayoutDrawer opened={openDrawer} title={<Text truncate={'end'}>{nameData}</Text>} onClose={() => setOpenDrawer(false)}>
<Box>
<Stack pt={10}>
<SimpleGrid
@@ -172,8 +175,8 @@ export default function ListFileDetailTask() {
<Flex onClick={() => {
reason == null ?
setOpenModal(true)
: setOpenModal(false)
setOpenModal(true)
: setOpenModal(false)
}} justify={'center'} align={'center'} direction={'column'} >
<Box>
<FaTrash size={30} color={reason == null ? tema.get().utama : "gray"} />

29
src/module/task/ui/detail_progress_task.tsx
View File

@@ -78,21 +78,22 @@ export default function ProgressDetailTask() {
return (
<Box mt={10}>
{reason !== null ?
(
<Box mb={10}>
<Box p={15} bg={"#FFF2CD"} style={{
borderRadius: 10,
}}>
<Group align='center'>
<IoIosWarning size={25} />
<Text fw={"bold"}>Tugas dibatalkan</Text>
</Group>
<Text mt={5} truncate="end">{reason}</Text>
{loading ? "" :
reason !== null ?
(
<Box mb={10}>
<Box p={15} bg={"#FFF2CD"} style={{
borderRadius: 10,
}}>
<Group align='center'>
<IoIosWarning size={25} />
<Text fw={"bold"}>Tugas dibatalkan</Text>
</Group>
<Text mt={5} truncate="end">{reason}</Text>
</Box>
</Box>
</Box>
)
: null
)
: null
}
{loading ?
<Skeleton width={"100%"} height={100} radius={"md"} />

8
src/module/task/ui/results_file.tsx
View File

@@ -16,12 +16,16 @@ export default function ResultsFile({ name, extension }: IListFileTask) {
{extension == "pdf" && <BsFiletypePdf size={30} />}
{extension == "csv" && <BsFiletypeCsv size={30} />}
{extension == "png" && <BsFiletypePng size={30} />}
{extension == "jpg" || extension == "jpeg" && <BsFiletypeJpg size={30} />}
{extension == "jpg" && <BsFiletypeJpg size={30} />}
{extension == "jpeg" && <BsFiletypeJpg size={30} />}
{extension == "PNG" && <BsFiletypePng size={30} />}
{extension == "JPG" && <BsFiletypeJpg size={30} />}
{extension == "JPEG" && <BsFiletypeJpg size={30} />}
{extension == "heic" && <BsFiletypeHeic size={30} />}
</Center>
</Grid.Col>
<Grid.Col span={10}>
<Text>{name}</Text>
<Text truncate={'end'}>{name}</Text>
</Grid.Col>
</Grid>
<Group>