upd: diskusi

deskripsi

- update pembatasan

No Issues

src/module/discussion/lib/type_discussion.ts

@@ -17,7 +17,7 @@ export interface IFormDiscussion {
 export interface IStatusDiscussion {
    status: number
 }
- 
+
 
 export interface IDetailDiscussion {
    id: string
@@ -29,25 +29,26 @@ export interface IDetailDiscussion {
    username: string
    user_img: string
    totalComments: number
- }
- 
- export interface IAllComents {
+   createdBy: string
+}
+
+export interface IAllComents {
    id: string
    comment: string
    createdAt: string
-    User: User
-    img: string
+   User: User
+   img: string
    username: string
- }
- 
- export interface User {
-   name: string
- }
- 
-export interface IDeleteDicussion {
-    id: string
 }
- 
+
+export interface User {
+   name: string
+}
+
+export interface IDeleteDicussion {
+   id: string
+}
+
 export interface IEditDiscussion {
    desc: string
 }

src/module/discussion/ui/detail_discussion.tsx

@@ -1,6 +1,6 @@
 "use client"
 import { ActionIcon, Avatar, Badge, Box, Center, Divider, Flex, Grid, Group, Input, rem, Skeleton, Spoiler, Text, TextInput } from "@mantine/core";
-import { SkeletonDetailDiscussionComment, SkeletonDetailDiscussionMember, SkeletonSingle, WARNA } from "@/module/_global";
+import { globalRole, LayoutDrawer, LayoutNavbarNew, SkeletonDetailDiscussionComment, SkeletonDetailDiscussionMember, SkeletonSingle, WARNA } from "@/module/_global";
 import { GrChatOption } from "react-icons/gr";
 import { LuSendHorizonal } from "react-icons/lu";
 import NavbarDetailDiscussion from "@/module/discussion/ui/navbar_detail_discussion";
@@ -14,6 +14,10 @@ import { useParams, useRouter } from "next/navigation";
 import toast from "react-hot-toast";
 import { useHookstate } from "@hookstate/core";
 import { globalRefreshDiscussion } from "../lib/val_discussion";
+import { HiMenu } from "react-icons/hi";
+import DrawerDetailDiscussion from "./drawer_detail_discussion";
+import { funGetUserByCookies } from "@/module/auth";
+import { funGetDivisionById } from "@/module/division_new";
 
 export default function DetailDiscussion({ id, idDivision }: { id: string, idDivision: string }) {
    const [isData, setData] = useState<IDetailDiscussion>()
@@ -22,13 +26,21 @@ export default function DetailDiscussion({ id, idDivision }: { id: string, idDiv
    const [isLoad, setIsLoad] = useState(true)
    const router = useRouter()
    const refresh = useHookstate(globalRefreshDiscussion)
+   const roleLogin = useHookstate(globalRole)
+   const [isAdmin, setAdmin] = useState(false)
+   const [isCreator, setCreator] = useState(false)
 
    const getData = async () => {
       try {
          setIsLoad(true)
          const response = await funGetDiscussionById(id)
+         const res = await funGetDivisionById(param.id);
+         const login = await funGetUserByCookies()
+         const cek = res.data.member.some((i: any) => i.idUser == login.id && i.isAdmin == true)
+         setAdmin(cek)
          setData(response.data)
          setIsLoad(false)
+         setCreator(response.data.createdBy == login.id)
       } catch (error) {
          console.error(error)
       } finally {
@@ -61,11 +73,27 @@ export default function DetailDiscussion({ id, idDivision }: { id: string, idDiv
       }
    }
 
+   const [openDrawer, setOpenDrawer] = useState(false)
+
 
 
    return (
       <Box>
-         <NavbarDetailDiscussion id={id} status={Number(isData?.status)} idDivision={idDivision} />
+         {/* <NavbarDetailDiscussion id={id} status={Number(isData?.status)} idDivision={idDivision} /> */}
+         <LayoutNavbarNew back={`/division/${param.id}/discussion/`} title="Diskusi "
+            menu={
+               ((roleLogin.get() != 'user' && roleLogin.get() != 'coadmin') || isAdmin || isCreator) ?
+                  <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)}>
+            <DrawerDetailDiscussion onSuccess={(val) => setOpenDrawer(false)} id={id} status={Number(isData?.status)} idDivision={idDivision} />
+         </LayoutDrawer>
+
+
          <Box p={20}>
             {isLoad ?
                Array(1)
@@ -217,12 +245,12 @@ export default function DetailDiscussion({ id, idDivision }: { id: string, idDiv
                         <Box key={i} p={10} >
                            <Grid align="center">
                               <Grid.Col span={2}>
-                              <Avatar alt="it's me" size="md" src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} />
+                                 <Avatar alt="it's me" size="md" src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} />
                               </Grid.Col>
                               <Grid.Col span={6}>
                                  <Box>
                                     <Text c={WARNA.biruTua} fw={"bold"} lineClamp={1} fz={15}>
-                                    {v.username}
+                                       {v.username}
                                     </Text>
                                  </Box>
                               </Grid.Col>

src/module/discussion/ui/form_create_discussion.tsx

@@ -52,7 +52,6 @@ export default function FormCreateDiscussion({ id }: { id: string }) {
                toast.success(response.message)
                router.push(`/division/${param.id}/discussion/`)
                setValModal(false)
-               router.back()
             } else {
                toast.error(response.message)
             }
@@ -123,8 +122,7 @@ export default function FormCreateDiscussion({ id }: { id: string }) {
          </Box>
 
          <LayoutModal opened={isValModal} onClose={() => setValModal(false)}
-            description="Apakah Anda yakin ingin
-        menambah data?"
+            description="Apakah Anda yakin ingin menambah data?"
             onYes={(val) => { createDiscussion(val) }} />
       </Box>
    )

src/module/discussion/ui/navbar_detail_discussion.tsx

@@ -1,14 +1,16 @@
 'use client'
-import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
+import { globalRole, LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
 import { ActionIcon } from "@mantine/core";
 import { useState } from "react";
 import { HiMenu } from "react-icons/hi";
 import DrawerDetailDiscussion from "./drawer_detail_discussion";
 import { useParams } from "next/navigation";
+import { useHookstate } from "@hookstate/core";
 
 export default function NavbarDetailDiscussion({id, status, idDivision}: {id: string, status: number, idDivision:string}) {
    const [openDrawer, setOpenDrawer] = useState(false)
    const param = useParams<{ id: string }>()
+   const roleLogin = useHookstate(globalRole)
    return (
       <>
          <LayoutNavbarNew back={`/division/${param.id}/discussion/`} title="Diskusi "