rev: diskusi umum dan diskusi divisi
Deskripsi: - mengaplikasikan sistem arsip pada diskusi umum - mengaplikasikan filter pada diskusi umum dg role supadmin - mengaplikasikan hanya view pada role user dan co admin jika tidak termasuk anggota - mengaplikasikan fitur mengaktifkan diskusi divisi pada arsip diskusi No Issues
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
'use client'
|
||||
import { currentScroll, globalNotifPage, keyWibu, ReloadButtonTop, TEMA } from "@/module/_global";
|
||||
import { currentScroll, globalNotifPage, globalRole, keyWibu, ReloadButtonTop, TEMA } from "@/module/_global";
|
||||
import { useHookstate } from "@hookstate/core";
|
||||
import { ActionIcon, Badge, Box, Divider, Flex, Grid, Group, Skeleton, Spoiler, Text, TextInput } from "@mantine/core";
|
||||
import { useShallowEffect } from "@mantine/hooks";
|
||||
import _ from "lodash";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useRouter, useSearchParams } from "next/navigation";
|
||||
import { useEffect, useState } from "react";
|
||||
import toast from "react-hot-toast";
|
||||
import { BiSolidCommentDetail } from "react-icons/bi";
|
||||
@@ -20,7 +20,12 @@ export default function ListDiscussionGeneral() {
|
||||
const [loading, setLoading] = useState(true)
|
||||
const tema = useHookstate(TEMA)
|
||||
const router = useRouter()
|
||||
const { value: containerRef } = useHookstate(currentScroll);
|
||||
const { value: containerRef } = useHookstate(currentScroll)
|
||||
const searchParams = useSearchParams()
|
||||
const status = searchParams.get('active')
|
||||
const group = searchParams.get('group')
|
||||
const roleLogin = useHookstate(globalRole)
|
||||
const [nameGroup, setNameGroup] = useState('')
|
||||
const [isPage, setPage] = useState(1)
|
||||
const notifLoadPage = useHookstate(globalNotifPage)
|
||||
const [isRefresh, setRefresh] = useState(false)
|
||||
@@ -32,8 +37,9 @@ export default function ListDiscussionGeneral() {
|
||||
const getData = async (loading: boolean) => {
|
||||
try {
|
||||
setLoading(loading)
|
||||
const response = await funGetAllDiscussionGeneral('?search=' + searchQuery + '&page=' + isPage)
|
||||
const response = await funGetAllDiscussionGeneral('?active=' + status + '&group=' + group + '&search=' + searchQuery + '&page=' + isPage)
|
||||
if (response.success) {
|
||||
setNameGroup(response.filter.name)
|
||||
if (isPage == 1) {
|
||||
setData(response.data)
|
||||
} else {
|
||||
@@ -56,7 +62,7 @@ export default function ListDiscussionGeneral() {
|
||||
useShallowEffect(() => {
|
||||
setPage(1)
|
||||
getData(true)
|
||||
}, [searchQuery])
|
||||
}, [searchQuery, status])
|
||||
|
||||
useEffect(() => {
|
||||
const handleScroll = async () => {
|
||||
@@ -107,7 +113,7 @@ export default function ListDiscussionGeneral() {
|
||||
|
||||
|
||||
return (
|
||||
<Box p={20}>
|
||||
<Box py={20}>
|
||||
{
|
||||
isRefresh &&
|
||||
<ReloadButtonTop
|
||||
@@ -131,6 +137,7 @@ export default function ListDiscussionGeneral() {
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
/>
|
||||
{roleLogin.get() == 'supadmin' && <Text>Filter : {nameGroup}</Text>}
|
||||
{loading ?
|
||||
Array(3)
|
||||
.fill(null)
|
||||
@@ -214,7 +221,9 @@ export default function ListDiscussionGeneral() {
|
||||
<Text c={tema.get().utama} fw={"bold"} lineClamp={1}>
|
||||
{v.title}
|
||||
</Text>
|
||||
<Badge color={v.status === 1 ? "green" : "red"} size="sm">{v.status === 1 ? "BUKA" : "TUTUP"}</Badge>
|
||||
{
|
||||
status != "false" && <Badge color={v.status === 1 ? "green" : "red"} size="sm">{v.status === 1 ? "BUKA" : "TUTUP"}</Badge>
|
||||
}
|
||||
</Box>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={4}>
|
||||
|
||||
Reference in New Issue
Block a user