upd: view

Deksirpsi:
- tambah table database
- folder penyimpanan gambar
- link back
- link list pada halaman home

No Issues

src/module/home/components/chart_progress_tugas.tsx

@@ -16,7 +16,7 @@ export default function ChartProgressHome() {
    const loadData = () => {
       const option: EChartsOption = {
          title: {
-            text: "PROGRES TUGAS",
+            text: "PROGRES PROYEK",
             top: '2%',
             left: 'center',
             textStyle: {

src/module/home/components/list_discussion.tsx

@@ -1,7 +1,9 @@
+'use client'
 import { WARNA } from "@/module/_global";
 import { Box, Group, Text } from "@mantine/core";
 import { GoDiscussionClosed } from "react-icons/go";
 import { CiClock2, CiUser } from "react-icons/ci";
+import { useRouter } from "next/navigation";
 
 const dataDiskusi = [
    {
@@ -31,6 +33,8 @@ const dataDiskusi = [
 ]
 
 export default function ListDiscussion() {
+   const router = useRouter()
+
    return (
       <Box pt={10}>
          <Text c={WARNA.biruTua} mb={10} fw={'bold'} fz={16}>Diskusi</Text>
@@ -46,7 +50,7 @@ export default function ListDiscussion() {
                         borderRadius: 10,
                         border: `1px solid ${"#D6D8F6"}`,
                         padding: 10
-                     }} mb={10}>
+                     }} mb={10} onClick={() => router.push(`/discussion/1`)}>
                         <Group>
                            <GoDiscussionClosed size={25} />
                            <Box w={{ base: 230, md: 400 }}>

src/module/home/components/list_divisi.tsx

@@ -28,12 +28,12 @@ export default function ListDivisi() {
    return (
       <>
          <Box pt={10}>
-            <Text c={WARNA.biruTua} mb={10} fw={'bold'} fz={16}>Divisi Terbaru</Text>
+            <Text c={WARNA.biruTua} mb={10} fw={'bold'} fz={16}>Divisi Teraktif</Text>
             <Carousel dragFree slideGap={"xs"} align="start" slideSize={"xs"} withIndicators withControls={false}>
                {dataProject.map((v) =>
                   <Carousel.Slide key={v.id}>
                      <Box w={{ base: 300, md: 400 }}>
-                        <Card shadow="sm" padding="md" component="a" radius={10}>
+                        <Card shadow="sm" padding="md" component="a" radius={10} onClick={() => router.push(`/division/${v.id}`)}>
                            <Card.Section>
                               <Box h={120} bg={`linear-gradient(180deg, rgba(223,218,124,1) 25%, rgba(242,175,70,1) 100%)`}>
                                  <Flex justify={'center'} align={'center'} h={"100%"}>

src/module/home/components/list_event.tsx

@@ -1,5 +1,7 @@
+'use client'
 import { WARNA } from "@/module/_global"
 import { Box, Divider, Group, Text } from "@mantine/core"
+import { useRouter } from "next/navigation"
 
 const dataEvent = [
    {
@@ -33,6 +35,7 @@ const dataEvent = [
 ]
 
 export default function ListEventHome() {
+   const router = useRouter()
    return (
       <Box pt={10}>
          <Text c={WARNA.biruTua} mb={10} fw={'bold'} fz={16}>Event Hari Ini</Text>
@@ -45,7 +48,7 @@ export default function ListEventHome() {
                const bgColor = ['#D8D8F1', '#FED6C5'][index % 2]
                const colorDivider = ['#535FCA', '#A7A7A7'][index % 2]
                return (
-                  <Box key={event.id} m={10}>
+                  <Box key={event.id} m={10} onClick={() => router.push(`/calender?page=detail-event`)}>
                      <Box bg={bgColor} pl={15} p={10} style={{
                         borderRadius: 10
                      }} h={113}>

src/module/project/components/detail_project/detail_project.tsx

@@ -60,7 +60,7 @@ export default function DetailProject() {
   return (
     <Box>
       <LayoutNavbarNew
-        back="/project"
+        back=""
         title="Proyek Desa Maju"
         menu={
           <ActionIcon