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

upd: task

Browse Source 
Deskripsi:
- list task
- create task

No Issues
This commit is contained in:
amel
2024-08-15 17:26:55 +08:00
parent 1634623e80
commit 47d9df1acb
18 changed files with 775 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,11 +5,11 @@ import { IoCloseCircleOutline } from "react-icons/io5";
import { RiProgress3Line } from "react-icons/ri";
import { TbClockPause } from "react-icons/tb";
import ListDivisionTask from "./list_division_task";
import { useParams, useSearchParams } from "next/navigation";
import { useRouter, useSearchParams } from "next/navigation";
export default function TabsDivisionTask() {
const iconStyle = { width: rem(20), height: rem(20) };
const param = useParams<{ id: string }>()
const router = useRouter()
const searchParams = useSearchParams()
const status = searchParams.get('status')
@@ -21,21 +21,28 @@ export default function TabsDivisionTask() {
padding: 5,
borderRadius: 100
}}>
<Tabs.Tab value="0" w={"23%"} leftSection={<TbClockPause style={iconStyle} />}>
<Tabs.Tab value="0" w={"23%"}
leftSection={<TbClockPause style={iconStyle} />}
onClick={() => { router.push("?status=0") }}>
Segera
</Tabs.Tab>
<Tabs.Tab value="1" w={"28%"} leftSection={<RiProgress3Line style={iconStyle} />}>
<Tabs.Tab value="1" w={"28%"}
leftSection={<RiProgress3Line style={iconStyle} />}
onClick={() => { router.push("?status=1") }}>
Dikerjakan
</Tabs.Tab>
<Tabs.Tab value="2" w={"23%"} leftSection={<IoIosCheckmarkCircleOutline style={iconStyle} />}>
<Tabs.Tab value="2" w={"23%"}
leftSection={<IoIosCheckmarkCircleOutline style={iconStyle} />}
onClick={() => { router.push("?status=2") }}>
Selesai
</Tabs.Tab>
<Tabs.Tab value="3" w={"20%"} leftSection={<IoCloseCircleOutline style={iconStyle} />}>
<Tabs.Tab value="3" w={"20%"}
leftSection={<IoCloseCircleOutline style={iconStyle} />}
onClick={() => { router.push("?status=3") }}>
Batal
</Tabs.Tab>
</Tabs.List>
<ListDivisionTask status="segera" />
<ListDivisionTask />
</Tabs>
</Box>
)