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

style : update style

Browse Source
This commit is contained in:
lukman
2024-09-23 12:21:05 +08:00
parent 500253096a
commit e63028d855
8 changed files with 77 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/module/color_palette/ui/drawer_create_palette.tsx
View File

@@ -11,7 +11,7 @@ export default function DrawerCreatePalette() {
return (
<Box>
<SimpleGrid
cols={{ base: 2, sm: 3, lg: 3 }}
cols={{ base: 3, sm: 3, lg: 3 }}
>
<Flex justify={'center'} align={'center'} direction={'column'}
onClick={() => router.push('/color-palette/create')}

11
src/module/color_palette/ui/drawer_palet_edit_end_default.tsx
View File

@@ -10,7 +10,7 @@ import { IoColorPalette } from 'react-icons/io5';
import { funChangeTheme, funDeleteTheme, funGetThemeById } from '../lib/api_theme';
import { globalRefreshTheme } from '../lib/val_theme';
export default function DrawerPaletEditEndDefault({ id, idVillage }: { id: string, idVillage: string }) {
export default function DrawerPaletEditEndDefault({ id, idVillage, isUse }: { id: string, idVillage: string, isUse: boolean }) {
const router = useRouter()
const [isModal, setModal] = useState(false)
const [isModalDel, setModalDel] = useState(false)
@@ -71,13 +71,14 @@ export default function DrawerPaletEditEndDefault({ id, idVillage }: { id: strin
<Text ta={'center'} c={tema.get().utama}>Edit</Text>
</Box>
</Flex>
<Flex justify={'center'} align={'center'} direction={'column'} onClick={() => { setModalDel(true) }} >
<Flex justify={'center'} align={'center'} direction={'column'} onClick={() => {
isUse !== true ? setModalDel(true) : undefined
}}>
<Box>
<FaTrash size={30} color={tema.get().utama} />
<FaTrash size={30} color={isUse !== true ? tema.get().utama : "gray"} />
</Box>
<Box>
<Text ta={'center'} c={tema.get().utama}>Hapus</Text>
<Text ta={'center'} c={isUse !== true ? tema.get().utama : "gray"}>Hapus</Text>
</Box>
</Flex>
</>

4
src/module/color_palette/ui/list_color_palette.tsx
View File

@@ -25,6 +25,7 @@ export default function ListColorPalette() {
const [isChooseVillage, setChooseVillage] = useState('')
const refresh = useHookstate(globalRefreshTheme)
const [loading, setLoading] = useState(true)
const [dataIsUse, setIsUse] = useState(false)
async function loadData() {
try {
@@ -80,6 +81,7 @@ export default function ListColorPalette() {
setChooseName(v.name)
setChooseVillage(v.idVillage)
setOpenTambahan(true)
setIsUse(v.isUse)
}}
>
<Group justify='space-between' align='center'>
@@ -124,7 +126,7 @@ export default function ListColorPalette() {
</LayoutDrawer>
<LayoutDrawer opened={isOpenTambahan} title={isChooseName} onClose={() => setOpenTambahan(false)}>
<DrawerPaletEditEndDefault id={isChooseId} idVillage={isChooseVillage} />
<DrawerPaletEditEndDefault id={isChooseId} idVillage={isChooseVillage} isUse={dataIsUse} />
</LayoutDrawer>
</Box>
);