upd:
Deskripsi: - diskusi realtime edit - diskusi real time status No Issues
This commit is contained in:
@@ -55,7 +55,7 @@ export default function DetailDiscussion({ id, idDivision }: { id: string, idDiv
|
|||||||
}, [refresh.get()])
|
}, [refresh.get()])
|
||||||
|
|
||||||
useShallowEffect(() => {
|
useShallowEffect(() => {
|
||||||
if (dataRealTime && dataRealTime.some((i: any) => i.category == 'discussion-comment' && i.id == id)) {
|
if (dataRealTime && dataRealTime.some((i: any) => i.category == 'discussion-detail' && i.id == id)) {
|
||||||
getData(false)
|
getData(false)
|
||||||
}
|
}
|
||||||
}, [dataRealTime])
|
}, [dataRealTime])
|
||||||
@@ -79,7 +79,7 @@ export default function DetailDiscussion({ id, idDivision }: { id: string, idDiv
|
|||||||
if (response.success) {
|
if (response.success) {
|
||||||
setIsComent("")
|
setIsComent("")
|
||||||
setDataRealtime([{
|
setDataRealtime([{
|
||||||
category: "discussion-comment",
|
category: "discussion-detail",
|
||||||
id: id,
|
id: id,
|
||||||
}])
|
}])
|
||||||
reloadData()
|
reloadData()
|
||||||
|
|||||||
@@ -1,14 +1,15 @@
|
|||||||
import { TEMA } from "@/module/_global";
|
import { keyWibu, TEMA } from "@/module/_global";
|
||||||
import LayoutModal from "@/module/_global/layout/layout_modal";
|
import LayoutModal from "@/module/_global/layout/layout_modal";
|
||||||
import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
|
import { useHookstate } from "@hookstate/core";
|
||||||
|
import { Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
|
||||||
|
import { useParams, useRouter } from "next/navigation";
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import toast from "react-hot-toast";
|
import toast from "react-hot-toast";
|
||||||
import { BsTrash3 } from "react-icons/bs";
|
import { BsTrash3 } from "react-icons/bs";
|
||||||
import { FaCheck, FaPencil } from "react-icons/fa6";
|
import { FaCheck, FaPencil } from "react-icons/fa6";
|
||||||
import { MdClose } from "react-icons/md";
|
import { MdClose } from "react-icons/md";
|
||||||
|
import { useWibuRealtime } from "wibu-realtime";
|
||||||
import { funDeleteDiscussion, funEditStatusDiscussion } from "../lib/api_discussion";
|
import { funDeleteDiscussion, funEditStatusDiscussion } from "../lib/api_discussion";
|
||||||
import { useParams, useRouter } from "next/navigation";
|
|
||||||
import { useHookstate } from "@hookstate/core";
|
|
||||||
import { globalRefreshDiscussion } from "../lib/val_discussion";
|
import { globalRefreshDiscussion } from "../lib/val_discussion";
|
||||||
|
|
||||||
export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivision }: { onSuccess: (val: boolean) => void, id: string, status: number, idDivision: string }) {
|
export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivision }: { onSuccess: (val: boolean) => void, id: string, status: number, idDivision: string }) {
|
||||||
@@ -18,6 +19,10 @@ export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivisi
|
|||||||
const param = useParams<{ id: string, detail: string }>()
|
const param = useParams<{ id: string, detail: string }>()
|
||||||
const refresh = useHookstate(globalRefreshDiscussion)
|
const refresh = useHookstate(globalRefreshDiscussion)
|
||||||
const tema = useHookstate(TEMA)
|
const tema = useHookstate(TEMA)
|
||||||
|
const [dataRealTime, setDataRealtime] = useWibuRealtime({
|
||||||
|
WIBU_REALTIME_TOKEN: keyWibu,
|
||||||
|
project: "sdm"
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
async function fetchStatusDiscussion(val: boolean) {
|
async function fetchStatusDiscussion(val: boolean) {
|
||||||
@@ -28,6 +33,10 @@ export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivisi
|
|||||||
if (response.success) {
|
if (response.success) {
|
||||||
toast.success(response.message)
|
toast.success(response.message)
|
||||||
refresh.set(!refresh.get())
|
refresh.set(!refresh.get())
|
||||||
|
setDataRealtime([{
|
||||||
|
category: "discussion-detail",
|
||||||
|
id: id,
|
||||||
|
}])
|
||||||
onSuccess(false)
|
onSuccess(false)
|
||||||
setValModalStatus(false)
|
setValModalStatus(false)
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
'use client'
|
'use client'
|
||||||
import { TEMA } from "@/module/_global"
|
import { keyWibu, TEMA } from "@/module/_global"
|
||||||
import LayoutModal from "@/module/_global/layout/layout_modal"
|
import LayoutModal from "@/module/_global/layout/layout_modal"
|
||||||
import { Box, Group, Avatar, Textarea, Button, Grid, rem, Skeleton } from "@mantine/core"
|
import { Box, Group, Avatar, Textarea, Button, Grid, rem, Skeleton } from "@mantine/core"
|
||||||
import { useParams, useRouter } from "next/navigation"
|
import { useParams, useRouter } from "next/navigation"
|
||||||
@@ -9,6 +9,7 @@ import { funEditDiscussion, funGetDiscussionById } from "../lib/api_discussion"
|
|||||||
import { useShallowEffect } from "@mantine/hooks"
|
import { useShallowEffect } from "@mantine/hooks"
|
||||||
import { funGetProfileByCookies } from "@/module/user/profile/lib/api_profile"
|
import { funGetProfileByCookies } from "@/module/user/profile/lib/api_profile"
|
||||||
import { useHookstate } from "@hookstate/core"
|
import { useHookstate } from "@hookstate/core"
|
||||||
|
import { useWibuRealtime } from "wibu-realtime"
|
||||||
|
|
||||||
export default function FormEditDiscussion() {
|
export default function FormEditDiscussion() {
|
||||||
const [isValModal, setValModal] = useState(false)
|
const [isValModal, setValModal] = useState(false)
|
||||||
@@ -22,6 +23,10 @@ export default function FormEditDiscussion() {
|
|||||||
const [touched, setTouched] = useState({
|
const [touched, setTouched] = useState({
|
||||||
desc: false,
|
desc: false,
|
||||||
});
|
});
|
||||||
|
const [dataRealTime, setDataRealtime] = useWibuRealtime({
|
||||||
|
WIBU_REALTIME_TOKEN: keyWibu,
|
||||||
|
project: "sdm"
|
||||||
|
})
|
||||||
|
|
||||||
async function fetchGetOneDiscussion() {
|
async function fetchGetOneDiscussion() {
|
||||||
try {
|
try {
|
||||||
@@ -45,6 +50,10 @@ export default function FormEditDiscussion() {
|
|||||||
if (response.success) {
|
if (response.success) {
|
||||||
toast.success(response.message)
|
toast.success(response.message)
|
||||||
setValModal(false)
|
setValModal(false)
|
||||||
|
setDataRealtime([{
|
||||||
|
category: "discussion-detail",
|
||||||
|
id: param.detail,
|
||||||
|
}])
|
||||||
router.push(`/division/${param.id}/discussion/${param.detail}`)
|
router.push(`/division/${param.id}/discussion/${param.detail}`)
|
||||||
} else {
|
} else {
|
||||||
toast.error(response.message)
|
toast.error(response.message)
|
||||||
|
|||||||
Reference in New Issue
Block a user