diff --git a/src/module/division_new/components/detail_division/detail_division.tsx b/src/module/division_new/components/detail_division/detail_division.tsx index e6b29d1..12eec49 100644 --- a/src/module/division_new/components/detail_division/detail_division.tsx +++ b/src/module/division_new/components/detail_division/detail_division.tsx @@ -3,6 +3,7 @@ import React from 'react'; import CarouselDivision from './carousel_division'; import { LayoutNavbarNew } from '@/module/_global'; import FeatureDetailDivision from './feature_detail_division'; +import ListDiscussionOnDetailDivision from './list_discussion'; export default function DetailDivision() { return ( @@ -12,6 +13,7 @@ export default function DetailDivision() { + diff --git a/src/module/division_new/components/detail_division/list_discussion.tsx b/src/module/division_new/components/detail_division/list_discussion.tsx new file mode 100644 index 0000000..1b5969e --- /dev/null +++ b/src/module/division_new/components/detail_division/list_discussion.tsx @@ -0,0 +1,76 @@ +import { WARNA } from "@/module/_global" +import { Box, Group, Text } from "@mantine/core" +import { CiUser, CiClock2 } from "react-icons/ci" +import { GoDiscussionClosed } from "react-icons/go" + + +const dataDiskusi = [ + { + id: 1, + judul: 'Mengatasi Limbah Makanan ', + user: 'Fibra Marcell', + date: '21 Juni 2024' + }, + { + id: 2, + judul: 'Pentingnya Menjaga Kelestarian Hutan ', + user: 'Bayu Tegar', + date: '15 Juni 2024' + }, + { + id: 3, + judul: 'Mengatasi Limbah Industri ', + user: 'Nian Putri', + date: '11 Mei 2024' + }, + { + id: 4, + judul: 'Manfaat Sampah Plastik', + user: 'Budi Prasetyo', + date: '10 Mei 2024' + }, +] + +export default function ListDiscussionOnDetailDivision() { + return ( + <> + + Diskusi Terbaru + + { + dataDiskusi.map((v, i) => { + return ( + + + + + {v.judul} + + + + + + {v.user} + + + + {v.date} + + + + ) + }) + } + + + + ) +} \ No newline at end of file