diff --git a/src/app/(application)/(detail-division)/discussion/create/page.tsx b/src/app/(application)/(detail-division)/discussion/create/page.tsx
new file mode 100644
index 0000000..adbe0c1
--- /dev/null
+++ b/src/app/(application)/(detail-division)/discussion/create/page.tsx
@@ -0,0 +1,9 @@
+import { ViewCreateDiscussion } from "@/module/division_new";
+
+function Page() {
+   return (
+      <ViewCreateDiscussion />
+   )
+}
+
+export default Page;
\ No newline at end of file
diff --git a/src/app/(application)/(detail-division)/discussion/page.tsx b/src/app/(application)/(detail-division)/discussion/page.tsx
index 69da2f2..a7b8c80 100644
--- a/src/app/(application)/(detail-division)/discussion/page.tsx
+++ b/src/app/(application)/(detail-division)/discussion/page.tsx
@@ -1,10 +1,9 @@
+import { ViewListDiscussion } from '@/module/division_new';
 import React from 'react';
 
 function Page() {
   return (
-    <div>
-      Page
-    </div>
+    <ViewListDiscussion />
   );
 }
 
diff --git a/src/module/division_new/_division_fitur/discussion/component/drawer_list_discussion.tsx b/src/module/division_new/_division_fitur/discussion/component/drawer_list_discussion.tsx
new file mode 100644
index 0000000..87c6d5f
--- /dev/null
+++ b/src/module/division_new/_division_fitur/discussion/component/drawer_list_discussion.tsx
@@ -0,0 +1,24 @@
+import { WARNA } from "@/module/_global";
+import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
+import { IoAddCircle } from "react-icons/io5";
+
+export default function DrawerListDiscussion() {
+   return (
+      <Box>
+         <Stack pt={10}>
+            <SimpleGrid
+               cols={{ base: 3, sm: 3, lg: 3 }}
+            >
+               <Flex onClick={() => window.location.href = "/discussion/create"} justify={'center'} align={'center'} direction={'column'} >
+                  <Box>
+                     <IoAddCircle size={30} color={WARNA.biruTua} />
+                  </Box>
+                  <Box>
+                     <Text c={WARNA.biruTua}>Tambah Diskusi</Text>
+                  </Box>
+               </Flex>
+            </SimpleGrid>
+         </Stack>
+      </Box>
+   )
+}
\ No newline at end of file
diff --git a/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx b/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx
new file mode 100644
index 0000000..b25b407
--- /dev/null
+++ b/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx
@@ -0,0 +1,50 @@
+'use client'
+import { WARNA } from "@/module/_global";
+import LayoutModal from "@/module/_global/layout/layout_modal";
+import { Avatar, Box, Button, Group, Text, Textarea } from "@mantine/core";
+import { useState } from "react";
+import toast from "react-hot-toast";
+
+export default function FormCreateDiscussion() {
+   const [isValModal, setValModal] = useState(false)
+
+   function onTrue(val: boolean) {
+      if (val) {
+         toast.success("Sukses! Data tersimpan");
+      }
+      setValModal(false)
+   }
+
+   return (
+      <Box>
+         <Box p={20}>
+            <Group>
+               <Avatar src={'https://i.pravatar.cc/1000?img=32'} alt="it's me" size="lg" />
+               <Box>
+                  <Textarea
+                     placeholder="Tuliskan apa yang ingin anda diskusikan"
+                     w={"100%"}
+                  />
+               </Box>
+            </Group>
+            <Box mt="xl">
+               <Button
+                  color="white"
+                  bg={WARNA.biruTua}
+                  size="lg"
+                  radius={30}
+                  fullWidth
+                  onClick={() => setValModal(true)}
+               >
+                  Simpan
+               </Button>
+            </Box>
+         </Box>
+
+         <LayoutModal opened={isValModal} onClose={() => setValModal(false)}
+            description="Apakah Anda yakin ingin
+        menambah data?"
+            onYes={(val) => { onTrue(val) }} />
+      </Box>
+   )
+}  
\ No newline at end of file
diff --git a/src/module/division_new/_division_fitur/discussion/component/navbar_list_discussion.tsx b/src/module/division_new/_division_fitur/discussion/component/navbar_list_discussion.tsx
new file mode 100644
index 0000000..f4dadcd
--- /dev/null
+++ b/src/module/division_new/_division_fitur/discussion/component/navbar_list_discussion.tsx
@@ -0,0 +1,24 @@
+'use client'
+import { LayoutNavbarNew, WARNA, LayoutDrawer } from "@/module/_global";
+import { ActionIcon } from "@mantine/core";
+import { HiMenu } from "react-icons/hi";
+import { useState } from "react";
+import DrawerListDiscussion from "./drawer_list_discussion";
+
+export default function NavbarListDiscussion() {
+   const [openDrawer, setOpenDrawer] = useState(false)
+   return (
+      <>
+         <LayoutNavbarNew back="" title="Diskusi"
+            menu={
+               <ActionIcon variant="light" onClick={() => setOpenDrawer(true)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+                  <HiMenu size={20} color='white' />
+               </ActionIcon>
+            }
+         />
+         <LayoutDrawer opened={openDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
+            <DrawerListDiscussion />
+         </LayoutDrawer>
+      </>
+   );
+}
\ No newline at end of file
diff --git a/src/module/division_new/_division_fitur/discussion/view/view_create_discussion.tsx b/src/module/division_new/_division_fitur/discussion/view/view_create_discussion.tsx
new file mode 100644
index 0000000..66a67cf
--- /dev/null
+++ b/src/module/division_new/_division_fitur/discussion/view/view_create_discussion.tsx
@@ -0,0 +1,11 @@
+import { LayoutNavbarNew } from "@/module/_global";
+import FormCreateDiscussion from "../component/form_create_discussion";
+
+export default function ViewCreateDiscussion() {
+   return (
+      <>
+         <LayoutNavbarNew back="" title="Tambah Diskusi" menu={<></>} />
+         <FormCreateDiscussion />
+      </>
+   )
+}
\ No newline at end of file
diff --git a/src/module/division_new/_division_fitur/discussion/view/view_list_discussion.tsx b/src/module/division_new/_division_fitur/discussion/view/view_list_discussion.tsx
new file mode 100644
index 0000000..b4570dc
--- /dev/null
+++ b/src/module/division_new/_division_fitur/discussion/view/view_list_discussion.tsx
@@ -0,0 +1,9 @@
+import NavbarListDiscussion from "../component/navbar_list_discussion";
+
+export default function ViewListDiscussion() {
+   return (
+      <div>
+         <NavbarListDiscussion />
+      </div>
+   );
+}
\ No newline at end of file
diff --git a/src/module/division_new/index.ts b/src/module/division_new/index.ts
index 9681368..41508fa 100644
--- a/src/module/division_new/index.ts
+++ b/src/module/division_new/index.ts
@@ -1,5 +1,7 @@
 import ViewCreateDivisionCalender from "./_division_fitur/calender/view/view_create_division_calender";
 import ViewDivisionCalender from "./_division_fitur/calender/view/view_division_calender";
+import ViewCreateDiscussion from "./_division_fitur/discussion/view/view_create_discussion";
+import ViewListDiscussion from "./_division_fitur/discussion/view/view_list_discussion";
 import ViewCreateTaskDivision from "./_division_fitur/task/view/view_create_division_task";
 import ViewDetailDivisionTask from "./_division_fitur/task/view/view_detail_division_task";
 import ViewDivisionTask from "./_division_fitur/task/view/view_division_task";
@@ -22,4 +24,6 @@ export { ViewDetailDivisionTask }
 export { ViewUpdateProgressDivisionTask }
 export { ViewDivisionCalender }
 export { ViewCreateDivisionCalender }
-export { ViewCreateTaskDivision }
\ No newline at end of file
+export { ViewCreateTaskDivision }
+export { ViewListDiscussion }
+export { ViewCreateDiscussion }
\ No newline at end of file