Fix: Event

Deksripsi
- Fix notifikasi
- Fix load beranda
- Fix reload button di admin

src/app_modules/event/main/beranda.tsx

@@ -1,13 +1,16 @@
 "use client";
 
+import { gs_eventTriggerBeranda } from "@/app/lib/global_state";
 import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
+import { AccentColor } from "@/app_modules/_global/color";
 import ComponentGlobal_CreateButton from "@/app_modules/_global/component/button_create";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
-import { Box, Center, Loader } from "@mantine/core";
+import { Affix, Box, Button, Center, Loader, rem } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
+import { useAtom } from "jotai";
 import _ from "lodash";
 import { ScrollOnly } from "next-scroll-loader";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { ComponentEvent_CardBeranda } from "../component/card_view/card_beranda";
 import { event_getListAllPublish } from "../fun/get/get_list_all_publish";
 import { MODEL_EVENT } from "../model/interface";
@@ -19,23 +22,70 @@ export default function Event_Beranda({
 }) {
   const [data, setData] = useState(dataEvent);
   const [activePage, setActivePage] = useState(1);
+  const [isLoading, setIsLoading] = useState(false);
+
+  // Realtime
+  const [isTriggerEventBeranda, setIsTriggerEventBeranca] = useAtom(
+    gs_eventTriggerBeranda
+  );
+  const [isShowUpdate, setIsShowUpdate] = useState(false);
 
   useShallowEffect(() => {
-    onLoad({
+    onLoadData({
       onPublish(val) {
         setData(val);
       },
     });
   }, [setData]);
 
-  async function onLoad({ onPublish }: { onPublish: (val: any) => void }) {
+  useShallowEffect(() => {
+    if (isTriggerEventBeranda) {
+      setIsShowUpdate(true);
+    }
+  }, [isTriggerEventBeranda, setIsShowUpdate]);
+
+  async function onLoadData({ onPublish }: { onPublish: (val: any) => void }) {
+    setIsLoading(true);
     const loadData = await event_getListAllPublish({ page: 1 });
     onPublish(loadData);
+
+    setIsShowUpdate(false);
+    setIsTriggerEventBeranca(false);
+    setIsLoading(false);
   }
 
   return (
     <>
       <Box>
+        {isShowUpdate && (
+          <Affix position={{ top: rem(100) }} w={"100%"}>
+            <Center>
+              <Button
+                style={{
+                  transition: "0.5s",
+                  border: `1px solid ${AccentColor.skyblue}`,
+                }}
+                bg={AccentColor.blue}
+                loaderPosition="center"
+                loading={isLoading}
+                radius={"xl"}
+                opacity={0.8}
+                onClick={() => {
+                  onLoadData({
+                    onPublish(val) {
+                      setData(val);
+                    },
+                  });
+
+                  
+                }}
+              >
+                Update beranda
+              </Button>
+            </Center>
+          </Affix>
+        )}
+
         <ComponentGlobal_CreateButton path={RouterEvent.create} />
         {_.isEmpty(data) ? (
           <ComponentGlobal_IsEmptyData />