From 030147d9a69874f0c017cbb543cd93f16a72718f Mon Sep 17 00:00:00 2001
From: lukman <lukman@lukmans-MacBook-Air.local>
Date: Mon, 30 Sep 2024 17:23:10 +0800
Subject: [PATCH] style : update style

---
 src/module/home/ui/list_divisi.tsx  | 14 ++++++++++++--
 src/module/home/ui/list_project.tsx | 17 ++++++++++++++---
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/module/home/ui/list_divisi.tsx b/src/module/home/ui/list_divisi.tsx
index 0a43e2a..0e7fd3e 100644
--- a/src/module/home/ui/list_divisi.tsx
+++ b/src/module/home/ui/list_divisi.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { TEMA, WARNA } from "@/module/_global";
 import { Carousel } from "@mantine/carousel";
-import { Box, Card, Flex, Title, Text, Skeleton } from "@mantine/core";
+import { Box, Card, Flex, Title, Text, Skeleton, ActionIcon } from "@mantine/core";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
@@ -10,6 +10,7 @@ import { funGetHome } from "../lib/api_home";
 import toast from "react-hot-toast";
 import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import { useHookstate } from "@hookstate/core";
+import { MdMoreVert, MdOutlineReadMore } from "react-icons/md";
 
 export default function ListDivisi() {
    const router = useRouter()
@@ -63,7 +64,7 @@ export default function ListDivisi() {
                      {isData.map((v) =>
                         <Carousel.Slide key={v.id} pb={20}>
                            <Box w={{
-                             base: isMobile ? 230 : 300,
+                              base: isMobile ? 230 : 300,
                               md: 400
                            }}>
                               <Card shadow="sm" padding="md" component="a" radius={10} onClick={() => router.push(`/division/${v.id}`)}>
@@ -82,6 +83,15 @@ export default function ListDivisi() {
                            </Box>
                         </Carousel.Slide>
                      )}
+
+                     {/* MORE ICON */}
+                     {/* <Flex justify={"center"} direction={"column"} align={"center"} onClick={() => { }}>
+                        <ActionIcon variant="subtle" color="gray" >
+                           <IoIosArrowDropright size={40} />
+                        </ActionIcon>
+                        <Text ta={"center"} c={"dimmed"}>Lihat</Text>
+                        <Text ta={"center"} c={"dimmed"} w={100}>Lebih Banyak</Text>
+                     </Flex> */}
                   </Carousel>
             }
          </Box>
diff --git a/src/module/home/ui/list_project.tsx b/src/module/home/ui/list_project.tsx
index 52d743e..7d5957f 100644
--- a/src/module/home/ui/list_project.tsx
+++ b/src/module/home/ui/list_project.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { TEMA, WARNA } from "@/module/_global";
 import { Carousel } from "@mantine/carousel";
-import { Box, Card, Flex, Title, Text, Progress, Stack, Skeleton } from "@mantine/core";
+import { Box, Card, Flex, Title, Text, Progress, Stack, Skeleton, ActionIcon } from "@mantine/core";
 import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
@@ -10,6 +10,8 @@ import { funGetHome } from "../lib/api_home";
 import { IDataHomeKegiatan } from "../lib/type_home";
 import _ from "lodash";
 import { useHookstate } from "@hookstate/core";
+import { MdMoreVert } from "react-icons/md";
+import { IoIosArrowDropright } from "react-icons/io";
 
 export default function ListProjects() {
    const router = useRouter()
@@ -41,7 +43,7 @@ export default function ListProjects() {
    useShallowEffect(() => {
       fetchData();
    }, []);
-   
+
    const isMobile = useMediaQuery('(max-width: 369px)');
 
    return (
@@ -59,7 +61,7 @@ export default function ListProjects() {
                      <Text c="dimmed" ta={"center"} fs={"italic"}>Tidak ada kegiatan terbaru</Text>
                   </Box>
                   :
-                  <Carousel dragFree slideGap={"xs"} align="start" slideSize={"xs"}  withControls={false}>
+                  <Carousel dragFree slideGap={"xs"} align="start" slideSize={"xs"} withControls={false}>
                      {isData.map((v) =>
                         <Carousel.Slide key={v.id} pb={20}>
                            <Box w={{
@@ -86,6 +88,15 @@ export default function ListProjects() {
                            </Box>
                         </Carousel.Slide>
                      )}
+
+                     {/* MORE ICON */}
+                     {/* <Flex justify={"center"} direction={"column"} align={"center"} onClick={() => { }}>
+                        <ActionIcon variant="subtle" color="gray" >
+                           <IoIosArrowDropright size={40} />
+                        </ActionIcon>
+                        <Text ta={"center"} c={"dimmed"}>Lihat</Text>
+                        <Text ta={"center"} c={"dimmed"} w={100}>Lebih Banyak</Text>
+                     </Flex> */}
                   </Carousel>
             }
          </Box>