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

fix : tampilan

Browse Source 
Deskripsi:
- tampilan skeleton pada list tugas divisi tugas

- tampilan jarak ketika tidak ada data pada list tugas divisi tugas

No Issues
This commit is contained in:
amel
2024-10-29 11:43:34 +08:00
parent cc81e3dddc
commit 79d65e058d
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/module/_global/components/skeleton_detail_list_tugas_task.tsx
View File

@@ -1,10 +1,6 @@
import { useHookstate } from '@hookstate/core';
import { Box, Center, Grid, Group, SimpleGrid, Skeleton } from '@mantine/core'; import { Box, Center, Grid, Group, SimpleGrid, Skeleton } from '@mantine/core';
import React from 'react';
import { TEMA } from '../bin/val_global';
export default function SkeletonDetailListTugasTask() { export default function SkeletonDetailListTugasTask() {
const tema = useHookstate(TEMA)
return ( return (
<Box> <Box>
<Skeleton width={30} height={30} radius={"md"} /> <Skeleton width={30} height={30} radius={"md"} />
@@ -17,7 +13,7 @@ export default function SkeletonDetailListTugasTask() {
<Box <Box
style={{ style={{
borderRadius: 10, borderRadius: 10,
border: `1px solid ${tema.get().bgTotalKegiatan}`, border: `1px solid ${"#D6D8F6"}`,
padding: 10, padding: 10,
}} }}
> >
@@ -36,7 +32,7 @@ export default function SkeletonDetailListTugasTask() {
h={45} h={45}
style={{ style={{
borderRadius: 10, borderRadius: 10,
border: `1px solid ${tema.get().bgTotalKegiatan}`, border: `1px solid ${"#D6D8F6"}`,
}} }}
> >
<Skeleton ml={5} width={"80%"} height={20} radius={"md"} /> <Skeleton ml={5} width={"80%"} height={20} radius={"md"} />
@@ -50,7 +46,7 @@ export default function SkeletonDetailListTugasTask() {
h={45} h={45}
style={{ style={{
borderRadius: 10, borderRadius: 10,
border: `1px solid ${tema.get().bgTotalKegiatan}`, border: `1px solid ${"#D6D8F6"}`,
}} }}
> >
<Skeleton ml={5} width={"80%"} height={20} radius={"md"} /> <Skeleton ml={5} width={"80%"} height={20} radius={"md"} />

2
src/module/task/ui/detail_list_tugas_task.tsx
View File

@@ -157,7 +157,7 @@ export default function ListTugasDetailTask() {
</Box> </Box>
</> </>
: :
isData.length === 0 ? <Text c={"dimmed"} ta={"center"} fs={"italic"}>Tidak ada tugas</Text> : isData.length === 0 ? <Text c={"dimmed"} ta={"center"} fs={"italic"} py={20}>Tidak ada tugas</Text> :
isData.map((item, index) => { isData.map((item, index) => {
return ( return (
<Box key={index}> <Box key={index}>