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

style : update tema

Browse Source 
Deskripsi:
- update global
- update announcement
- update update color palette
- update group
- update home
- update position
- update project
- update member

No Issue
This commit is contained in:
lukman
2024-09-12 17:31:00 +08:00
parent a211e7e4e4
commit cbdaac6319
80 changed files with 870 additions and 568 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/module/project/ui/navbar_detail_project.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import { globalRole, LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
import { globalRole, LayoutDrawer, LayoutNavbarNew, TEMA } from '@/module/_global';
import { ActionIcon, Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
import { useParams, useRouter } from 'next/navigation';
import React, { useState } from 'react';
@@ -18,6 +18,7 @@ export default function NavbarDetailProject() {
const [name, setName] = useState('')
const [isOpen, setOpen] = useState(false)
const roleLogin = useHookstate(globalRole)
const tema = useHookstate(TEMA)
async function getOneData() {
try {
@@ -43,7 +44,7 @@ export default function NavbarDetailProject() {
<LayoutNavbarNew back="/project?status=0" title={name} menu={
<ActionIcon
variant="light"
bg={WARNA.bgIcon}
bg={tema.get().bgIcon}
size="lg"
radius="lg"
aria-label="Settings"
@@ -68,10 +69,10 @@ export default function NavbarDetailProject() {
}}
>
<Box>
<IoAddCircle size={30} color={WARNA.biruTua} />
<IoAddCircle size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={WARNA.biruTua} ta='center'>Tambah Tugas</Text>
<Text c={tema.get().utama} ta='center'>Tambah Tugas</Text>
</Box>
</Flex>
@@ -84,10 +85,10 @@ export default function NavbarDetailProject() {
}}
>
<Box>
<FaFileCirclePlus size={30} color={WARNA.biruTua} />
<FaFileCirclePlus size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={WARNA.biruTua} ta='center'>Tambah file</Text>
<Text c={tema.get().utama} ta='center'>Tambah file</Text>
</Box>
</Flex>
@@ -103,10 +104,10 @@ export default function NavbarDetailProject() {
}}
>
<Box>
<FaUsers size={30} color={WARNA.biruTua} />
<FaUsers size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={WARNA.biruTua} ta='center'>Tambah anggota</Text>
<Text c={tema.get().utama} ta='center'>Tambah anggota</Text>
</Box>
</Flex>
@@ -117,10 +118,10 @@ export default function NavbarDetailProject() {
onClick={() => { router.push(param.id + '/edit') }}
>
<Box>
<FaPencil size={30} color={WARNA.biruTua} />
<FaPencil size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={WARNA.biruTua} ta='center'>Edit</Text>
<Text c={tema.get().utama} ta='center'>Edit</Text>
</Box>
</Flex>
@@ -131,10 +132,10 @@ export default function NavbarDetailProject() {
onClick={() => { router.push(param.id + '/cancel') }}
>
<Box>
<MdCancel size={30} color={WARNA.biruTua} />
<MdCancel size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={WARNA.biruTua} ta='center'>Batal</Text>
<Text c={tema.get().utama} ta='center'>Batal</Text>
</Box>
</Flex>
</>