Merge pull request #279 from bipproduction/join

fix api dan middleware

logs/backend/.31d2357fa2026a78b8cb786880c7c733460d7dbe-audit.json

@@ -5,16 +5,6 @@
     },
     "auditLog": "logs/backend/.31d2357fa2026a78b8cb786880c7c733460d7dbe-audit.json",
     "files": [
-        {
-            "date": 1737425815219,
-            "name": "logs/backend/combined-2025-01-21.log",
-            "hash": "b9cbc8d149568aaeb134725613e3cbf7e862bfe2acb7e6db56292abbf79e51a1"
-        },
-        {
-            "date": 1737497241982,
-            "name": "logs/backend/combined-2025-01-22.log",
-            "hash": "574f8bfec27f059626b3174fe1911a733e84d38ac91be87f853456aae15b11a7"
-        },
         {
             "date": 1737685849478,
             "name": "logs/backend/combined-2025-01-24.log",
@@ -54,6 +44,16 @@
             "date": 1738549408639,
             "name": "logs/backend/combined-2025-02-03.log",
             "hash": "f3f6220a7d5836dbdd5893576479feee4d13abcdfe1ee2e89375e18abea72ee5"
+        },
+        {
+            "date": 1738635038169,
+            "name": "logs/backend/combined-2025-02-04.log",
+            "hash": "b197eb2d58bbab3566e05fdb2bcc52ee608c4fe6ffb54fc958060c8dc4ff305f"
+        },
+        {
+            "date": 1738709515069,
+            "name": "logs/backend/combined-2025-02-05.log",
+            "hash": "04d27d0d5708dfb4655dbb708eb49f663c063c8f571ea5aa4da9e5bee9daa0f3"
         }
     ],
     "hashType": "sha256"

logs/backend/.5d9a990e0c6075347623def466341a14f8ba4a12-audit.json

@@ -5,16 +5,6 @@
     },
     "auditLog": "logs/backend/.5d9a990e0c6075347623def466341a14f8ba4a12-audit.json",
     "files": [
-        {
-            "date": 1737425815214,
-            "name": "logs/backend/error-2025-01-21.log",
-            "hash": "d35389a53138894117f18cdd8210378c4ccfeea9921a52e42837102cad72c108"
-        },
-        {
-            "date": 1737497241981,
-            "name": "logs/backend/error-2025-01-22.log",
-            "hash": "cb0bde065d94357687bece5102573a1876e3f00e1513ff9189e07f56cdadb82e"
-        },
         {
             "date": 1737685849475,
             "name": "logs/backend/error-2025-01-24.log",
@@ -54,6 +44,16 @@
             "date": 1738549408637,
             "name": "logs/backend/error-2025-02-03.log",
             "hash": "ffd13b033c90d60d10c935a41fe42f3a4d065311cbf7beda1b76b9c5c985e90b"
+        },
+        {
+            "date": 1738635038164,
+            "name": "logs/backend/error-2025-02-04.log",
+            "hash": "7490b9f6c36fa2500bafa66c4aa590053c50234150ad9ad86ad9400f0ba76a43"
+        },
+        {
+            "date": 1738709515065,
+            "name": "logs/backend/error-2025-02-05.log",
+            "hash": "b76580b2a8b76ee8941e0d913ff1b38d66ad7bd45f154ed371c913ff898e5dfd"
         }
     ],
     "hashType": "sha256"

logs/backend/combined-2025-01-21.log

@@ -1,4 +0,0 @@
-{"level":"info","message":"Server status code: 201","timestamp":"2025-01-21T05:44:04.245Z"}
-{"level":"info","message":"Success upload donasi_bukti_transfer: {\"id\":\"cm661vcrb002a7r93gbyi7y0g\",\"name\":\"56FE8EB6-BB7C-45BF-8879-A3EB7C59CA58.PNG\",\"path\":\"/cm0ur1yxw000056nsjlr6187p/2025/01/21/56FE8EB6-BB7C-45BF-8879-A3EB7C59CA58.PNG\",\"mime\":\"image/png\",\"ext\":\".PNG\",\"desc\":null,\"size\":2531618,\"active\":true,\"createdAt\":\"2025-01-21T05:44:03.670Z\",\"updatedAt\":\"2025-01-21T05:44:03.671Z\",\"userId\":\"cm0ur1yxw000056nsjlr6187p\",\"dirId\":\"cm0yk1pmh000h10njhi6m8b8t\"}","timestamp":"2025-01-21T05:44:04.331Z"}
-{"level":"info","message":"Server status code: 201","timestamp":"2025-01-21T05:53:55.644Z"}
-{"level":"info","message":"Success upload event_sponsor: {\"id\":\"cm66281fn001rc9dcdf7m74ji\",\"name\":\"56FE8EB6-BB7C-45BF-8879-A3EB7C59CA58-1.PNG\",\"path\":\"/cm0ur1yxw000056nsjlr6187p/2025/01/21/56FE8EB6-BB7C-45BF-8879-A3EB7C59CA58-1.PNG\",\"mime\":\"image/png\",\"ext\":\".PNG\",\"desc\":null,\"size\":2531618,\"active\":true,\"createdAt\":\"2025-01-21T05:53:55.522Z\",\"updatedAt\":\"2025-01-21T05:53:55.523Z\",\"userId\":\"cm0ur1yxw000056nsjlr6187p\",\"dirId\":\"cm65zlbyf001udvmggnd6i0oh\"}","timestamp":"2025-01-21T05:53:55.647Z"}

logs/backend/combined-2025-01-22.log

@@ -1,3 +0,0 @@
-{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-01-21T22:11:48.296Z"}
-{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-01-21T22:24:18.884Z"}
-{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-01-21T22:31:50.770Z"}

logs/backend/combined-2025-02-03.log

@@ -5,3 +5,4 @@
 {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-02-03T06:56:34.648Z"}
 {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-03T07:06:48.864Z"}
 {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-03T07:32:02.910Z"}
+{"id":"f6b224a2-3aeb-4cbc-afee-075a7965ab70","level":"info","message":"Success send message","status":"success","timestamp":"2025-02-03T09:53:34.492Z"}

logs/backend/combined-2025-02-04.log

@@ -0,0 +1,2 @@
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-04T03:16:37.809Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-04T06:54:35.085Z"}

logs/backend/combined-2025-02-05.log

@@ -0,0 +1,26 @@
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T02:30:14.963Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T02:44:11.043Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T03:13:24.349Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-02-05T03:48:26.606Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T04:24:29.510Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T05:56:01.792Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:33.579Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:38.069Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:39.386Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:40.316Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:41.037Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:41.842Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:42.615Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:42.784Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:42.982Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:43.131Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:43.278Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:25:00.025Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:25:00.028Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:25:00.029Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:148:1500)\n    at handleRequestError (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:7367)\n    at handleAndLogRequestError (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6687)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6394)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:35:53.417Z"}
+{"id":"c65237f0-e0cf-4961-9454-2405c4f4fe05","level":"info","message":"Success send message","status":"success","timestamp":"2025-02-05T06:41:30.785Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:53:59.012Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T07:23:58.983Z"}
+{"id":"64e3a991-7e44-407c-94b4-1693dc8a4417","level":"info","message":"Success send message","status":"success","timestamp":"2025-02-05T09:14:22.961Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T09:43:37.753Z"}

logs/backend/error-2025-01-22.log

@@ -1,3 +0,0 @@
-{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-01-21T22:11:48.296Z"}
-{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-01-21T22:24:18.884Z"}
-{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-01-21T22:31:50.770Z"}

logs/backend/error-2025-02-04.log

@@ -0,0 +1,2 @@
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-04T03:16:37.809Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-04T06:54:35.085Z"}

logs/backend/error-2025-02-05.log

@@ -0,0 +1,24 @@
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T02:30:14.963Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T02:44:11.043Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T03:13:24.349Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-02-05T03:48:26.606Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T04:24:29.510Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.deleteMany()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T05:56:01.792Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:33.579Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:38.069Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:39.386Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:40.316Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:41.037Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:41.842Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:42.615Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:42.784Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:42.982Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:43.131Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:24:43.278Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:25:00.025Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:25:00.028Z"}
+{"clientVersion":"6.3.0","code":"P2025","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.","meta":{"cause":"Record to delete does not exist.","modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nAn operation failed because it depends on one or more records that were required but not found. Record to delete does not exist.\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:25:00.029Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:148:1500)\n    at handleRequestError (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:7367)\n    at handleAndLogRequestError (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6687)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6394)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:35:53.417Z"}
+{"clientVersion":"6.3.0","code":"UND_ERR_SOCKET","level":"error","message":"Error deleting OTP: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed","meta":{"modelName":"KodeOtp"},"name":"PrismaClientKnownRequestError","stack":"PrismaClientKnownRequestError: \nInvalid `prisma.kodeOtp.delete()` invocation:\n\n\nother side closed\n    at new PrismaClientKnownRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:148:1505)\n    at handleRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:7369)\n    at handleAndLogRequestError (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6705)\n    at <anonymous> (webpack-internal:///(ssr)/./node_modules/@prisma/client/runtime/binary.js:258:6418)\n    at processTicksAndRejections (native:7:39)","timestamp":"2025-02-05T06:53:59.012Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T07:23:58.983Z"}
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-05T09:43:37.753Z"}

src/app/api/admin/donasi/[status]/route.ts

@@ -0,0 +1,152 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { data } from "autoprefixer";
+import _, { take } from "lodash";
+import moment from "moment";
+import { NextResponse } from "next/server";
+
+export async function GET(request: Request,
+    { params }: { params: { status: string } }) {
+    const method = request.method;
+    if (method !== "GET") {
+        return NextResponse.json({
+            succes: false,
+            message: "Method not allowed"
+        },
+            { status: 405 }
+        );
+    }
+
+    const { status } = params;
+    const { searchParams } = new URL(request.url);
+    const search = searchParams.get("search");
+    const page = searchParams.get("page");
+    const takeData = 10;
+    const skipData = Number(page) * takeData - takeData;
+
+    try {
+        let fixData;
+        const fixStatus = _.startCase(status);
+        
+
+        if (!page && !search) {
+            fixData = await prisma.donasi.findMany({
+                orderBy: {
+                    updatedAt: "desc",
+                },
+                where: {
+                    active: true,
+                    DonasiMaster_Status: {
+                        name: fixStatus
+                    }
+                },
+                include: {
+                    Author: {
+                        select: {
+                            id: true,
+                            username: true,
+                            Profile: {
+                                select: {
+                                    name: true
+                                }
+                            }
+                        }
+                    },
+                    DonasiMaster_Status: true,
+                    DonasiMaster_Ketegori: true,
+                    DonasiMaster_Durasi: true
+                }
+            })
+        } else if (!page && search) {
+            fixData = await prisma.donasi.findMany({
+                orderBy: {
+                    updatedAt: "desc"
+                },
+                where: {
+                    active: true,
+                    DonasiMaster_Status: {
+                        name: fixStatus
+                    },
+                    title: {
+                        contains: search,
+                        mode: "insensitive"
+                    }
+                },
+                include: {
+                    Author: {
+                        select: {
+                            id: true,
+                            username: true,
+                            Profile: {
+                                select: {
+                                    name: true
+                                }
+                            }
+                        }
+                    },
+                    DonasiMaster_Status: true,
+                    DonasiMaster_Ketegori: true,
+                    DonasiMaster_Durasi: true
+                }
+            })
+        } else if (page && !search) {
+            const data = await prisma.donasi.findMany({
+                take: takeData,
+                skip: skipData,
+                orderBy: [
+                    {
+                        publishTime: "desc"
+                    }
+                ],
+                where: {
+                    active: true,
+                    DonasiMaster_Status: {
+                        name: fixStatus
+                    }
+                },
+                include: {
+                    Author: true,
+                    imageDonasi: true,
+                    DonasiMaster_Status: true,
+                    DonasiMaster_Ketegori: true,
+                    DonasiMaster_Durasi: true
+                }
+            })
+
+            const nCount = await prisma.donasi.count({
+                where: {
+                    active: true,
+                    DonasiMaster_Status: {
+                        name: fixStatus
+                    },
+                }
+            })
+
+            console.log("data >", data)
+            fixData = {
+                data: data,
+                nCount: _.ceil(nCount / takeData)
+            }
+        }
+
+        return NextResponse.json({
+            success: true,
+            message: "Success",
+            data: fixData
+        },
+            { status: 200 }
+        )
+
+    } catch (error) {
+        backendLogger.error("Error geta data table donasi event dashboard>>", error)
+        return NextResponse.json({
+            success: false,
+            message: "Failed get data table donasi dashboard",
+            reason: (error as Error).message
+        },
+            { status: 500 }
+        );
+    } finally {
+        await prisma.$disconnect();
+    }
+}

src/app/api/admin/investasi/[status]/route.ts

@@ -0,0 +1,164 @@
+import { prisma } from "@/app/lib";
+import _ from "lodash";
+import moment from "moment";
+import { NextResponse } from "next/server";
+
+export async function GET(request: Request, { params }: {
+    params: { status: string }
+}
+) {
+    const method = request.method;
+    if (method !== "GET") {
+        return NextResponse.json({
+            success: false,
+            message: "Method not allowed",
+        },
+            { status: 405 }
+        )
+    }
+
+    const { status } = params;
+    const { searchParams } = new URL(request.url);
+    const search = searchParams.get("search");
+    const page = searchParams.get("page");
+    const takeData = 10
+    const skipData = Number(page) * takeData - takeData;
+
+    console.log("Ini Status", status);
+    console.log("Ini Page", page)
+
+    try {
+        let fixData;
+        const fixStatus = _.startCase(status);
+
+        if (!page && !search) {
+            fixData = await prisma.investasi.findMany({
+                orderBy: {
+                    updatedAt: "desc",
+                },
+                where: {
+                    active: true,
+                    MasterStatusInvestasi: {
+                        name: fixStatus
+                    },
+                },
+                include: {
+                    author: {
+                        select: {
+                            id: true,
+                            username: true,
+                            Profile: {
+                                select: {
+                                    name: true,
+                                },
+                            },
+                        },
+                    },
+                    MasterStatusInvestasi: true,
+                },
+            });
+        } else if (!page && search) {
+            fixData = await prisma.investasi.findMany({
+                orderBy: {
+                    updatedAt: "desc",
+                },
+                where: {
+                    active: true,
+                    MasterStatusInvestasi: {
+                        name: fixStatus
+                    },
+                    title: {
+                        contains: search,
+                        mode: "insensitive",
+                    },
+                },
+                include: {
+                    author: {
+                        select: {
+                            id: true,
+                            username: true,
+                            Profile: {
+                                select: {
+                                    name: true,
+                                },
+                            },
+                        },
+                    },
+                    MasterStatusInvestasi: true,
+                },
+            });
+        } else if (page && !search) {
+
+            const data = await prisma.investasi.findMany({
+                take: takeData,
+                skip: skipData,
+                orderBy: [
+                    {
+                        countDown: "desc",
+                    },
+                ],
+                where: {
+                    active: true,
+                    MasterStatusInvestasi: {
+                        name: fixStatus
+                    }
+
+                },
+                include: {
+                    MasterStatusInvestasi: true,
+                    BeritaInvestasi: true,
+                    DokumenInvestasi: true,
+                    ProspektusInvestasi: true,
+                    MasterPembagianDeviden: true,
+                    MasterPencarianInvestor: true,
+                    MasterPeriodeDeviden: true,
+                    author: true,
+                    Investasi_Invoice: {
+                        where: {
+                            statusInvoiceId: "2",
+                        },
+                    },
+                },
+            });
+
+            const nCount = await prisma.investasi.count({
+                where: {
+                    active: true,
+                    MasterStatusInvestasi: {
+                        name: fixStatus
+                    }
+
+                },
+            });
+
+            console.log("data >", data)
+
+            fixData = {
+                data: data,
+                nPage: _.ceil(nCount / takeData),
+            };
+
+        }
+
+        return NextResponse.json({
+            success: true,
+            message: "Success",
+            data: fixData,
+        },
+            { status: 200 }
+        )
+
+    } catch (error) {
+        console.log(error)
+        return NextResponse.json({
+            success: false,
+            message: "Failed",
+            reason: (error as Error).message,
+        },
+            { status: 500 }
+        )
+
+    }
+
+
+}

src/app/api/auth/check/[id]/route.ts

@@ -0,0 +1,30 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { NextRequest, NextResponse } from "next/server";
+export const dynamic = "force-dynamic";
+
+export async function GET(
+  request: Request,
+  { params }: { params: { id: string } }
+) {
+  if (request.method !== "GET") {
+    return NextResponse.json(
+      { success: false, message: "Method not allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
+    const { id } = params;
+    const data = await prisma.kodeOtp.findFirst({
+      where: {
+        id: id as string,
+      },
+    });
+
+    return NextResponse.json(data, { status: 200 });
+  } catch (error) {
+    backendLogger.error("Error get code otp", error); //(error);
+    return NextResponse.json(null, { status: 500 });
+  }
+}

src/app/api/auth/check/route.ts

@@ -1,24 +0,0 @@
-import { prisma } from "@/app/lib";
-import { data } from "autoprefixer";
-import { NextRequest, NextResponse } from "next/server";
-export const dynamic = "force-dynamic";
-
-export async function GET(request: NextRequest) {
-  const id = request.nextUrl.searchParams.get("id");
-  // const { searchParams } = new URL(request.url);
-  // const id = searchParams.get("id");
-
-  try {
-    const data = await prisma.kodeOtp.findFirst({
-      where: {
-        id: id as string,
-      },
-    });
-
-    return NextResponse.json(data, { status: 200 });
-  } catch (error) {
-    console.log(error);
-  }
-
-  return NextResponse.json(null, { status: 500 });
-}

src/app/api/auth/code/[id]/route.ts

@@ -0,0 +1,56 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { NextResponse } from "next/server";
+
+export { DELETE };
+async function DELETE(
+  request: Request,
+  { params }: { params: { id: string } }
+) {
+  if (request.method !== "DELETE") {
+    return NextResponse.json(
+      { success: false, message: "Method not allowed" },
+      { status: 405 }
+    );
+  }
+  try {
+    // Ambil parameter id dari URL
+    const { id } = params;
+
+    if (!id) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Parameter 'id' diperlukan",
+        },
+        { status: 400 }
+      );
+    }
+
+    // Hapus data OTP
+    await prisma.kodeOtp.delete({
+      where: {
+        id: id,
+      },
+    });
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Berhasil menghapus data OTP",
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.error("Error deleting OTP:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Terjadi kesalahan saat menghapus data OTP",
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}

src/app/api/auth/login/route.ts

@@ -4,59 +4,60 @@ import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const codeOtp = randomOTP();
     const body = await req.json();
     const { nomor } = body;
-
+    const res = await fetch(
-    try {
+      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
-      const res = await fetch(
-        `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
       \n
       >> Kode OTP anda: ${codeOtp}.
       `
-      );
+    );
 
-      const sendWa = await res.json();
+    const sendWa = await res.json();
-
-      if (sendWa.status !== "success")
-        return NextResponse.json(
-          { success: false, message: "Nomor Whatsapp Tidak Aktif" },
-          { status: 400 }
-        );
-
-      const createOtpId = await prisma.kodeOtp.create({
-        data: {
-          nomor: nomor,
-          otp: codeOtp,
-        },
-      });
-
-      if (!createOtpId)
-        return NextResponse.json(
-          { success: false, message: "Gagal Membuat Kode OTP" },
-          { status: 400 }
-        );
 
+    if (sendWa.status !== "success")
       return NextResponse.json(
-        {
+        { success: false, message: "Nomor Whatsapp Tidak Aktif" },
-          success: true,
+        { status: 400 }
-          message: "Kode Verifikasi Dikirim",
-          kodeId: createOtpId.id,
-        },
-        { status: 200 }
       );
-    } catch (error) {
+
-      backendLogger.log("Error Login", error);
+    const createOtpId = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp,
+      },
+    });
+
+    if (!createOtpId)
       return NextResponse.json(
-        { success: false, message: error as Error },
+        { success: false, message: "Gagal mengirim kode OTP" },
-        { status: 500 }
+        { status: 400 }
       );
-    }
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Kode verifikasi terkirim",
+        kodeId: createOtpId.id,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.log("Error Login", error);
+    return NextResponse.json(
+      { success: false, message: "Terjadi masalah saat login" , reason: error as Error },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app/api/auth/register/route.ts

@@ -1,11 +1,19 @@
-import { sessionCreate } from "@/app/auth/_lib/session_create";
+import { sessionCreate } from "@/app/(auth)/_lib/session_create";
 import prisma from "@/app/lib/prisma";
 import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const { data } = await req.json();
+    console.log("data api register", data);
 
     const cekUsername = await prisma.user.findUnique({
       where: {
@@ -13,46 +21,51 @@ export async function POST(req: Request) {
       },
     });
 
-    try {
+    if (cekUsername)
-      if (cekUsername)
+      return NextResponse.json({
-        return NextResponse.json(
+        success: false,
-          { success: false, message: "Username sudah digunakan" },
+        message: "Username sudah digunakan",
-          { status: 400 }
-        );
-
-      const createUser = await prisma.user.create({
-        data: {
-          username: data.username,
-          nomor: data.nomor,
-          active: false,
-        },
       });
 
-      const token = await sessionCreate({
+    const createUser = await prisma.user.create({
-        sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+      data: {
-        encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+        username: data.username,
-        user: createUser as any,
+        nomor: data.nomor,
-      });
+        active: false,
+      },
+    });
 
+    if (!createUser)
       return NextResponse.json(
-        { success: true, message: "Berhasil Login", data: createUser },
+        { success: false, message: "Gagal Registrasi" },
-        { status: 200 }
-      );
-    } catch (error) {
-      backendLogger.log("Error registrasi:", error);
-      return NextResponse.json(
-        {
-          success: false,
-          message: "Server Error",
-          reason: (error as Error).message,
-        },
         { status: 500 }
       );
-    }
-  }
 
-  return NextResponse.json(
+    const token = await sessionCreate({
-    { success: false, message: "Method Not Allowed" },
+      sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-    { status: 405 }
+      encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-  );
+      user: createUser as any,
+    });
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Registrasi Berhasil, Anda Sedang Login",
+        // data: createUser,
+      },
+      { status: 201 }
+    );
+  } catch (error) {
+    backendLogger.error("Error registrasi:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Maaf, Terjadi Keselahan",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
 }

src/app/api/auth/resend/route.ts

@@ -1,69 +1,72 @@
 import { prisma } from "@/app/lib";
 import { randomOTP } from "@/app_modules/auth/fun/rondom_otp";
+import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const codeOtp = randomOTP();
     const body = await req.json();
     const { nomor } = body;
 
-    try {
+    const res = await fetch(
-      const res = await fetch(
+      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
-        `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
       \n
       >> Kode OTP anda: ${codeOtp}.
       `
-      );
+    );
-
-      const sendWa = await res.json();
-      if (sendWa.status !== "success")
-        return NextResponse.json(
-          {
-            success: false,
-            message: "Nomor Whatsapp Tidak Aktif",
-          },
-          { status: 400 }
-        );
-
-      const createOtpId = await prisma.kodeOtp.create({
-        data: {
-          nomor: nomor,
-          otp: codeOtp,
-        },
-      });
-
-      if (!createOtpId)
-        return NextResponse.json(
-          {
-            success: false,
-            message: "Gagal Membuat Kode OTP",
-          },
-          { status: 400 }
-        );
-
-      return NextResponse.json(
-        {
-          success: true,
-          message: "Kode Verifikasi Dikirim",
-          kodeId: createOtpId.id,
-        },
-        { status: 200 }
-      );
-    } catch (error) {
-      console.log(error);
 
+    const sendWa = await res.json();
+    if (sendWa.status !== "success")
       return NextResponse.json(
         {
           success: false,
-          message: "Server Whatsapp Error !!",
+          message: "Nomor Whatsapp Tidak Aktif",
         },
-        { status: 500 }
+        { status: 400 }
       );
-    }
+
+    const createOtpId = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp,
+      },
+    });
+
+    if (!createOtpId)
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal Membuat Kode OTP",
+        },
+        { status: 400 }
+      );
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Kode Verifikasi Dikirim",
+        kodeId: createOtpId.id,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.error(" Error Resend OTP", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Server Whatsapp Error !!",
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app/api/auth/validasi/route.ts

@@ -1,61 +1,63 @@
-import { sessionCreate } from "@/app/auth/_lib/session_create";
+import { sessionCreate } from "@/app/(auth)/_lib/session_create";
 import prisma from "@/app/lib/prisma";
 import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const { nomor } = await req.json();
+    const dataUser = await prisma.user.findUnique({
+      where: {
+        nomor: nomor,
+      },
+      select: {
+        id: true,
+        nomor: true,
+        username: true,
+        active: true,
+        masterUserRoleId: true,
+      },
+    });
 
-    try {
+    if (dataUser == null)
-      const dataUser = await prisma.user.findUnique({
-        where: {
-          nomor: nomor,
-        },
-        select: {
-          id: true,
-          nomor: true,
-          username: true,
-          active: true,
-          masterUserRoleId: true,
-        },
-      });
-
-      if (dataUser == null)
-        return NextResponse.json(
-          { success: false, message: "Nomor Belum Terdaftar" },
-          { status: 404 }
-        );
-
-      const token = await sessionCreate({
-        sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-        encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-        user: dataUser as any,
-      });
-
       return NextResponse.json(
-        {
+        { success: false, message: "Nomor Belum Terdaftar" },
-          success: true,
-          message: "Berhasil Login",
-          roleId: dataUser.masterUserRoleId,
-          active: dataUser.active,
-        },
         { status: 200 }
       );
-    } catch (error) {
+
-      backendLogger.log("Error Validasi:", error);
+    const token = await sessionCreate({
-      return NextResponse.json(
+      sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-        {
+      encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-          success: false,
+      user: dataUser as any,
-          message: "Server Error",
+    });
-          reason: (error as Error).message,
+
-        },
+    return NextResponse.json(
-        { status: 500 }
+      {
-      );
+        success: true,
-    }
+        message: "Berhasil Login",
+        roleId: dataUser.masterUserRoleId,
+        active: dataUser.active,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.log("API Error or Server Error", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Maaf, Terjadi Keselahan",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app/api/new/home/route.ts

@@ -3,67 +3,82 @@ import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
 import { NextResponse } from "next/server";
 export const dynamic = "force-dynamic";
 
-
 // GET DATA HOME
 export async function GET(request: Request) {
-   try {
+  try {
-      let fixData
+    let fixData;
-      const { searchParams } = new URL(request.url)
+    const { searchParams } = new URL(request.url);
-      const kategori = searchParams.get("cat")
+    const kategori = searchParams.get("cat");
 
-      const userLoginId = await funGetUserIdByToken()
+    const userLoginId = await funGetUserIdByToken();
-      if (userLoginId == null) {
+    if (userLoginId == null) {
-         return NextResponse.json({ success: false, message: "Gagal mendapatkan data, user id tidak ada" }, { status: 500 });
+      return NextResponse.json(
-      }
+        {
+          success: false,
+          message: "Gagal mendapatkan data, user id tidak ada",
+        },
+        { status: 500 }
+      );
+    }
 
-      if (kategori == "job") {
+    if (kategori == "job") {
-         fixData = await prisma.job.findMany({
+      fixData = await prisma.job.findMany({
-            take: 2,
+        take: 2,
-            orderBy: {
+        orderBy: {
-               createdAt: "desc",
+          createdAt: "desc",
-            },
+        },
-            where: {
+        where: {
-               isActive: true,
+          isActive: true,
-               masterStatusId: "1"
+          masterStatusId: "1",
-            },
+        },
+        select: {
+          id: true,
+          Author: {
             select: {
-               id: true,
+              id: true,
-               Author: {
+              username: true,
-                  select: {
-                     id: true,
-                     username: true,
-                  },
-               },
-               title: true,
-               deskripsi: true
             },
-         });
+          },
-      } else if (kategori == "cek_profile") {
+          title: true,
-         const data = await prisma.user.findUnique({
+          deskripsi: true,
-            where: {
+        },
-               id: userLoginId,
+      });
+    } else if (kategori == "cek_profile") {
+      const data = await prisma.user.findUnique({
+        where: {
+          id: userLoginId,
+        },
+        include: {
+          Profile: {
+            select: {
+              id: true,
+              imageId: true,
             },
-            include: {
+          },
-               Profile: {
+        },
-                  select: {
+      });
-                     id: true,
-                     imageId: true,
-                  }
-               }
-            }
-         });
 
-         fixData = {
+      fixData = {
-            profile: data?.Profile?.id,
+        profile: data?.Profile?.id,
-            imageId: data?.Profile?.imageId
+        imageId: data?.Profile?.imageId,
-         }
+      };
+    }
 
-      }
+    return NextResponse.json(
-
+      { success: true, message: "Berhasil mendapatkan data", data: fixData },
-      return NextResponse.json({ success: true, message: "Berhasil mendapatkan data", data: fixData }, { status: 200 });
+      { status: 200 }
-
+    );
-   } catch (error) {
+  } catch (error) {
-      console.error(error);
+    console.error(error);
-      return NextResponse.json({ success: false, message: "Gagal mendapatkan data, coba lagi nanti ", reason: (error as Error).message, }, { status: 500 });
+    return NextResponse.json(
-   }
+      {
-}
+        success: false,
+        message: "Gagal mendapatkan data, coba lagi nanti ",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}

src/app/api/user-validate/route.ts

@@ -1,4 +1,4 @@
-import { decrypt } from "@/app/auth/_lib/decrypt";
+import { decrypt } from "@/app/(auth)/_lib/decrypt";
 import { prisma } from "@/app/lib";
 import { cookies } from "next/headers";
 import { NextRequest, NextResponse } from "next/server";
@@ -32,7 +32,6 @@ export async function GET(req: NextRequest) {
     });
 
     // Disconnect after successful query
-    await prisma.$disconnect();
 
     return NextResponse.json({
       success: true,
@@ -41,7 +40,6 @@ export async function GET(req: NextRequest) {
     });
   } catch (error) {
     // Ensure connection is closed even if error occurs
-    await prisma.$disconnect();
 
     console.error("Error in user validation:", error);
     return NextResponse.json(
@@ -51,5 +49,7 @@ export async function GET(req: NextRequest) {
       },
       { status: 500 }
     );
+  } finally {
+    await prisma.$disconnect();
   }
 }

src/app/api/user/get-cookies/route.ts

@@ -1,4 +1,4 @@
-import { decrypt } from "@/app/auth/_lib/decrypt";
+import { decrypt } from "@/app/(auth)/_lib/decrypt";
 import _ from "lodash";
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";

src/app/api/user/route.ts

@@ -1,5 +1,5 @@
 
-import { decrypt } from "@/app/auth/_lib/decrypt";
+import { decrypt } from "@/app/(auth)/_lib/decrypt";
 import _ from "lodash";
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";

src/app/api/validation/route.ts

@@ -1,10 +1,9 @@
-
 import { NextResponse } from "next/server";
 
-
 export async function GET(req: Request) {
   const auth = req.headers.get("Authorization");
   const token = auth?.split(" ")[1];
+
   if (!token) return NextResponse.json({ success: false }, { status: 401 });
 
   return NextResponse.json({ success: true });

src/app/auth/api/login/route.ts

@@ -1,25 +0,0 @@
-import { prisma } from "@/app/lib";
-import { sessionCreate } from "../../_lib/session_create";
-import { NextResponse } from "next/server";
-
-export async function POST(req: Request) {
-  const user = await prisma.user.findUnique({
-    where: {
-      nomor: "6281339158911",
-    },
-    select: {
-      id: true,
-      nomor: true,
-    },
-  });
-
-  if (!user) return NextResponse.json({ success: false }, { status: 404 });
-
-  const token = await sessionCreate({
-    sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-    encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-    user: user as any,
-  });
-
-  return NextResponse.json({ success: true, token });
-}

src/app/auth/api/logout/route.ts

@@ -1,8 +0,0 @@
-import { cookies } from "next/headers";
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  const del = cookies().delete(process.env.NEXT_PUBLIC_BASE_SESSION_KEY!);
-
-  return NextResponse.json({ success: true, message: "Logout Berhasil" });
-}

src/app/auth/login/page.tsx

@@ -1,39 +0,0 @@
-"use client";
-import { Button } from "@mantine/core";
-import { useState } from "react";
-
-export default function Page() {
-  const [loading, setLoading] = useState(false);
-  
-
-  async function login() {
-    setLoading(true);
-    try {
-      const res = await fetch("/auth/api/login", {
-        method: "POST",
-      });
-
-      const dataText = await res.text();
-
-      if (!res.ok) {
-        console.error(dataText);
-        throw new Error(res.statusText);
-      }
-
-      const dataJson = JSON.parse(dataText);
-      console.log(dataJson);
-    //   window.location.replace("/dev/home");
-    } catch (error) {
-      console.error(error);
-    } finally {
-      setLoading(false);
-    }
-  }
-  return (
-    <>
-      <Button loading={loading} onClick={login}>
-        Login
-      </Button>
-    </>
-  );
-}

src/app/dev/admin/donasi/sub-menu/publish/page.tsx

@@ -2,11 +2,11 @@ import { AdminDonasi_TablePublish } from "@/app_modules/admin/donasi";
 import adminDonasi_getListPublish from "@/app_modules/admin/donasi/fun/get/get_list_publish";
 
 export default async function Page() {
-    const listPublish = await adminDonasi_getListPublish({
+    // const listPublish = await adminDonasi_getListPublish({
-      page: 1,
+    //   page: 1,
-    });
+    // });
     // console.log(listPublish)
     return<>
-    <AdminDonasi_TablePublish listPublish={listPublish as any}/>
+    <AdminDonasi_TablePublish />
     </>
 }

src/app/dev/admin/donasi/sub-menu/reject/page.tsx

@@ -2,11 +2,11 @@ import { AdminDonasi_TableReject } from "@/app_modules/admin/donasi";
 import adminDonasi_getListReject from "@/app_modules/admin/donasi/fun/get/get_list_reject";
 
 export default async function Page() {
-  const dataReject = await adminDonasi_getListReject({ page: 1 });
+  // const dataReject = await adminDonasi_getListReject({ page: 1 });
   // console.log(dataReject)
   return (
     <>
-      <AdminDonasi_TableReject dataReject={dataReject as any} />
+      <AdminDonasi_TableReject />
     </>
   );
 }

src/app/dev/admin/donasi/sub-menu/review/page.tsx

@@ -2,7 +2,7 @@ import { AdminDonasi_TableReview } from "@/app_modules/admin/donasi";
 import adminDonasi_getListReview from "@/app_modules/admin/donasi/fun/get/get_list_review";
 
 export default async function Page() {
-  const listReview = await adminDonasi_getListReview({page: 1});
+  // const listReview = await adminDonasi_getListReview({page: 1});
   // console.log(listReview);
-  return <AdminDonasi_TableReview listReview={listReview as any} />;
+  return <AdminDonasi_TableReview  />;
 }

src/app/dev/admin/investasi/sub-menu/publish/page.tsx

@@ -2,11 +2,11 @@ import { Admin_TablePublishInvestasi } from "@/app_modules/admin/investasi";
 import { adminInvestasi_funGetAllPublish } from "@/app_modules/admin/investasi/fun/get/get_all_publish";
 
 export default async function Page() {
-  const listInvestasi = await adminInvestasi_funGetAllPublish({page: 1});
+  // const listInvestasi = await adminInvestasi_funGetAllPublish({page: 1});
 
   return (
     <>
-      <Admin_TablePublishInvestasi dataInvestsi={listInvestasi as any} />
+      <Admin_TablePublishInvestasi  />
     </>
   );
 }

src/app/dev/admin/investasi/sub-menu/reject/page.tsx

@@ -2,10 +2,10 @@ import { Admin_TableRejectInvestasi } from "@/app_modules/admin/investasi";
 import { adminInvestasi_funGetAllReject } from "@/app_modules/admin/investasi/fun/get/get_all_reject";
 
 export default async function Page() {
-  const dataInvestsi = await adminInvestasi_funGetAllReject({page: 1});
+  // const dataInvestsi = await adminInvestasi_funGetAllReject({page: 1});
   return (
     <>
-      <Admin_TableRejectInvestasi dataInvestsi={dataInvestsi as any} />
+      <Admin_TableRejectInvestasi />
     </>
   );
 }

src/app/dev/admin/investasi/sub-menu/review/page.tsx

@@ -2,10 +2,10 @@ import { Admin_TableReviewInvestasi } from "@/app_modules/admin/investasi";
 import { adminInvestasi_funGetAllReview } from "@/app_modules/admin/investasi/fun/get/get_all_review";
 
 export default async function Page() {
-  const dataInvestsi = await adminInvestasi_funGetAllReview({ page: 1 });
+  // const dataInvestsi = await adminInvestasi_funGetAllReview({ page: 1 });
   return (
     <>
-      <Admin_TableReviewInvestasi dataInvestsi={dataInvestsi as any} />
+      <Admin_TableReviewInvestasi />
     </>
   );
 }

src/app_modules/_global/fun/get/fun_get_user_id_by_token.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import { cookies } from "next/headers";
-import { decrypt } from "../../../../app/auth/_lib/decrypt";
+import { decrypt } from "../../../../app/(auth)/_lib/decrypt";
 
 export async function funGetUserIdByToken() {
   const SESSION_KEY = process.env.NEXT_PUBLIC_BASE_SESSION_KEY!;

src/app_modules/admin/donasi/lib/api_fetch_admin_donasi.ts

@@ -1,12 +1,13 @@
 export {
-    apiGetDonasiStatusCountDashboard,
+    apiGetAdminDonasiStatusCountDashboard,
-    apiGetDonasiKategoriCountDashboard
+    apiGetAdminDonasiKategoriCountDashboard,
+    apiGetAdminDonasiByStatus
 };
-const apiGetDonasiStatusCountDashboard = async ({ name }:
+const apiGetAdminDonasiStatusCountDashboard = async ({ name }:
     { name: "Publish" | "Review" | "Reject" }) => {
     const { token } = await fetch("/api/get-cookie").then((res) => res.json());
     if (!token) return await token.json().catch(() => null);
-    
+
     const response = await fetch(`/api/admin/donasi/dashboard/${name}`, {
         method: "GET",
         headers: {
@@ -19,7 +20,7 @@ const apiGetDonasiStatusCountDashboard = async ({ name }:
     return await response.json().catch(() => null);
 };
 
-const apiGetDonasiKategoriCountDashboard = async () => {
+const apiGetAdminDonasiKategoriCountDashboard = async () => {
     const { token } = await fetch("/api/get-cookie").then((res) => res.json());
     if (!token) return await token.json().catch(() => null);
 
@@ -33,4 +34,35 @@ const apiGetDonasiKategoriCountDashboard = async () => {
         }
     });
     return await response.json().catch(() => null);
-}
+}
+
+const apiGetAdminDonasiByStatus = async ({
+    status,
+    page,
+    search }: {
+        status: "Publish" | "Review" | "Reject",
+        page: string;
+        search: string;
+    }) => {
+    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    if (!token) return await token.json().catch(() => null);
+
+    console.log("Ini token", token)
+    console.log("Ini Page", page)
+    console.log("Ini search", search)
+    const isPage = page ? `?page=${page}` : "";
+    const isSearch = search ? `&search=${search}` : "";
+    const response = await fetch(
+        `/api/admin/donasi/${status}${isPage}${isSearch}`,
+        {
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+                "Access-Control-Allow-Origin": "*",
+                Authorization: `Bearer ${token}`
+            }
+        }
+    )
+    console.log("Ini response", response)
+    return await response.json().catch(() => null);
+}

src/app_modules/admin/donasi/main/index.tsx

@@ -25,7 +25,8 @@ import { clientLogger } from "@/util/clientLogger";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import global_limit from "@/app/lib/limit";
 import { useShallowEffect } from "@mantine/hooks";
-import { apiGetDonasiKategoriCountDashboard, apiGetDonasiStatusCountDashboard } from "../lib/api_fetch_admin_donasi";
+import { apiGetAdminDonasiKategoriCountDashboard, apiGetAdminDonasiStatusCountDashboard } from "../lib/api_fetch_admin_donasi";
+
 
 export default function AdminDonasi_Main({
   // countPublish,
@@ -62,7 +63,7 @@ export default function AdminDonasi_Main({
   }
   async function onLoadCountPublish() {
     try {
-      const response = await apiGetDonasiStatusCountDashboard({
+      const response = await apiGetAdminDonasiStatusCountDashboard({
         name: "Publish",
       })
 
@@ -75,7 +76,7 @@ export default function AdminDonasi_Main({
   }
   async function onLoadCountReview() {
     try {
-      const response = await apiGetDonasiStatusCountDashboard({
+      const response = await apiGetAdminDonasiStatusCountDashboard({
         name: "Review",
       })
       if (response) {
@@ -87,7 +88,7 @@ export default function AdminDonasi_Main({
   }
   async function onLoadCountReject() {
     try {
-      const response = await apiGetDonasiStatusCountDashboard({
+      const response = await apiGetAdminDonasiStatusCountDashboard({
         name: "Reject",
       })
       if (response) {
@@ -99,7 +100,7 @@ export default function AdminDonasi_Main({
   }
   async function onLoadCountKategori() {
     try {
-      const response = await apiGetDonasiKategoriCountDashboard()
+      const response = await apiGetAdminDonasiKategoriCountDashboard()
       if (response) {
         setCountKategori(response.data);
       }

src/app_modules/admin/donasi/sub_menu/table_publish.tsx

@@ -12,6 +12,7 @@ import {
   ScrollArea,
   Stack,
   Table,
+  Text,
   TextInput,
   Title
 } from "@mantine/core";
@@ -23,94 +24,120 @@ import adminDonasi_getListPublish from "../fun/get/get_list_publish";
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import { AdminColor } from "@/app_modules/_global/color/color_pallet";
+import { useShallowEffect } from "@mantine/hooks";
+import { clientLogger } from "@/util/clientLogger";
+import { apiGetAdminDonasiByStatus } from "../lib/api_fetch_admin_donasi";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function AdminDonasi_TablePublish({
+export default function AdminDonasi_TablePublish() {
-  listPublish,
-}: {
-  listPublish: any;
-}) {
   return (
     <>
       <Stack h={"100%"}>
         <ComponentAdminGlobal_HeaderTamplate name="Donasi" />
-        <TableStatus listPublish={listPublish as any} />
+        <TableStatus />
       </Stack>
     </>
   );
 }
 
-function TableStatus({ listPublish }: { listPublish: any }) {
+function TableStatus() {
   const router = useRouter();
   const [isLoading, setLoading] = useState(false);
   const [idData, setIdData] = useState("");
 
-  const [data, setData] = useState<MODEL_DONASI[]>(listPublish.data);
+  const [data, setData] = useState<MODEL_DONASI[] | null>(null);
-  const [isNPage, setNPage] = useState(listPublish.nPage);
+  const [isNPage, setNPage] = useState<number>(1);
   const [isActivePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
 
-  async function onSearch(s: string) {
+  useShallowEffect(() => {
-    setSearch(s);
+    const loadInitialData = async () => {
-    const loadData = await adminDonasi_getListPublish({
+      try {
-      page: 1,
+        const response = await apiGetAdminDonasiByStatus({
-      search: s,
+          status: "Publish",
-    });
+          page: `${isActivePage}`,
-    setData(loadData.data as any);
+          search: isSearch
-    setNPage(loadData.nPage);
+        })
+
+        if (response?.success && response?.data.data) {
+          setData(response.data.data);
+          setNPage(response.data.nPage || 1);
+        } else {
+          console.error("Invalid data format recieved:", response);
+          setData([]);
+        }
+      } catch (error) {
+        clientLogger.error("Invalid data format recieved:", error);
+        setData([]);
+      }
+    }
+    loadInitialData();
+  }, [isActivePage, isSearch])
+
+  const onSearch = (searchTerm: string) => {
+    setSearch(searchTerm);
+    setActivePage(1);
   }
 
-  async function onPageClick(p: any) {
+  const onPageClick = (page: number) => {
-    setActivePage(p);
+    setActivePage(page);
-    const loadData = await adminDonasi_getListPublish({
+  }
-      search: isSearch,
+  const renderTableBody = () => {
-      page: p,
+    if (!Array.isArray(data) || data.length === 0) {
-    });
+      return (
-    setData(loadData.data as any);
+        <tr>
-    setNPage(loadData.nPage);
+          <td colSpan={12}>
+            <Center>
+              <Text color="gray">Tidak ada data</Text>
+            </Center>
+          </td>
+        </tr>
+      )
+    }
+    return data.map((e, i) => (
+      <tr key={i}>
+        <td>
+          <Center c={AccentColor.white}>{e.title}</Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white}>
+            <ComponentGlobal_TampilanRupiah nominal={+e.target} />
+          </Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white}>
+            <ComponentGlobal_TampilanRupiah nominal={+e.terkumpul} />
+          </Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white}>{e.DonasiMaster_Ketegori.name}</Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white}>{e.DonasiMaster_Durasi.name} hari</Center>
+        </td>
+        <td>
+          <Center>
+            <Button
+              loaderPosition="center"
+              loading={isLoading && e?.id === idData ? true : false}
+              style={{ backgroundColor: MainColor.green, }}
+              c={AccentColor.white}
+              leftIcon={<IconEyeCheck />}
+              radius={"xl"}
+              onClick={() => {
+                setLoading(true);
+                setIdData(e?.id);
+                router.push(RouterAdminDonasi_OLD.detail_publish + `${e.id}`);
+              }}
+            >
+              Tampilkan
+            </Button>
+          </Center>
+        </td>
+      </tr>
+    ));
   }
 
-  const TableRows = data.map((e, i) => (
-    <tr key={i}>
-      <td>
-        <Center c={AccentColor.white}>{e.title}</Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white}>
-          <ComponentGlobal_TampilanRupiah nominal={+e.target} />
-        </Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white}>
-          <ComponentGlobal_TampilanRupiah nominal={+e.terkumpul} />
-        </Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white}>{e.DonasiMaster_Ketegori.name}</Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white}>{e.DonasiMaster_Durasi.name} hari</Center>
-      </td>
-      <td>
-        <Center>
-          <Button
-            loaderPosition="center"
-            loading={isLoading && e?.id === idData ? true : false}
-            style={{ backgroundColor: MainColor.green,  }}
-            c={AccentColor.white}
-            leftIcon={<IconEyeCheck />}
-            radius={"xl"}
-            onClick={() => {
-              setLoading(true);
-              setIdData(e?.id);
-              router.push(RouterAdminDonasi_OLD.detail_publish + `${e.id}`);
-            }}
-          >
-            Tampilkan
-          </Button>
-        </Center>
-      </td>
-    </tr>
-  ));
 
   return (
     <>
@@ -121,13 +148,13 @@ function TableStatus({ listPublish }: { listPublish: any }) {
           color={AdminColor.softBlue}
           component={
             <TextInput
-            icon={<IconSearch size={20} />}
+              icon={<IconSearch size={20} />}
-            radius={"xl"}
+              radius={"xl"}
-            placeholder="Masukan judul"
+              placeholder="Masukan judul"
-            onChange={(val) => {
+              onChange={(val) => {
-              onSearch(val.currentTarget.value);
+                onSearch(val.currentTarget.value);
-            }}
+              }}
-          />
+            />
           }
         />
         {/* <Group
@@ -147,52 +174,57 @@ function TableStatus({ listPublish }: { listPublish: any }) {
           />
         </Group> */}
 
-        <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"80vh"}>
+        {!data ? (
-          <ScrollArea w={"100%"} h={"90%"}>
+          <CustomSkeleton height={"80vh"} width={"100%"} />
-            <Table
+        ) : (
-              verticalSpacing={"md"}
+          <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"80vh"}>
-              horizontalSpacing={"md"}
+            <ScrollArea w={"100%"} h={"90%"}>
-              p={"md"}
+              <Table
-              w={1500}
+                verticalSpacing={"md"}
-              
+                horizontalSpacing={"md"}
-            >
+                p={"md"}
-              <thead>
+                w={1500}
-                <tr>
+
-                  <th>
+              >
-                    <Center c={AccentColor.white}>Judul</Center>
+                <thead>
-                  </th>
+                  <tr>
-                  <th>
+                    <th>
-                    <Center c={AccentColor.white}>Target</Center>
+                      <Center c={AccentColor.white}>Judul</Center>
-                  </th>
+                    </th>
-                  <th>
+                    <th>
-                    <Center c={AccentColor.white}>Terkumpul</Center>
+                      <Center c={AccentColor.white}>Target</Center>
-                  </th>
+                    </th>
-                  <th>
+                    <th>
-                    <Center c={AccentColor.white}>Ketegori</Center>
+                      <Center c={AccentColor.white}>Terkumpul</Center>
-                  </th>
+                    </th>
-                  <th>
+                    <th>
-                    <Center c={AccentColor.white}>Durasi</Center>
+                      <Center c={AccentColor.white}>Ketegori</Center>
-                  </th>
+                    </th>
-                  <th>
+                    <th>
-                    <Center c={AccentColor.white}>Aksi</Center>
+                      <Center c={AccentColor.white}>Durasi</Center>
-                  </th>
+                    </th>
-                </tr>
+                    <th>
-              </thead>
+                      <Center c={AccentColor.white}>Aksi</Center>
-              <tbody>{TableRows}</tbody>
+                    </th>
-            </Table>
+                  </tr>
-          </ScrollArea>
+                </thead>
-          {/* <ScrollArea>
+                <tbody>{renderTableBody()}</tbody>
+              </Table>
+            </ScrollArea>
+            {/* <ScrollArea>
           </ScrollArea> */}
-          <Center mt={"xl"}>
+            <Center mt={"xl"}>
-            <Pagination
+              <Pagination
-              value={isActivePage}
+                value={isActivePage}
-              total={isNPage}
+                total={isNPage}
-              onChange={(val) => {
+                onChange={(val) => {
-                onPageClick(val);
+                  onPageClick(val);
-              }}
+                }}
-            />
+              />
-          </Center>
+            </Center>
-        </Paper>
+          </Paper>
+        )}
+
       </Stack>
     </>
   );

src/app_modules/admin/donasi/sub_menu/table_reject.tsx

@@ -18,7 +18,7 @@ import {
   TextInput,
   Title
 } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
+import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import { IconEyeEdit, IconSearch } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
@@ -26,90 +26,118 @@ import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import adminDonasi_getListReject from "../fun/get/get_list_reject";
 import { IconEyeCheck } from "@tabler/icons-react";
+import { clientLogger } from "@/util/clientLogger";
+import { apiGetAdminDonasiByStatus } from "../lib/api_fetch_admin_donasi";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function AdminDonasi_TableReject({
+export default function AdminDonasi_TableReject() {
-  dataReject,
-}: {
-  dataReject: any;
-}) {
   return (
     <>
       <Stack h={"100%"}>
         <ComponentAdminGlobal_HeaderTamplate name="Donasi" />
-        <TableStatus dataReject={dataReject} />
+        <TableStatus />
       </Stack>
     </>
   );
 }
 
-function TableStatus({ dataReject }: { dataReject: any }) {
+function TableStatus() {
   const router = useRouter();
   const [opened, { open, close }] = useDisclosure(false);
   const [isLoading, setLoading] = useState(false);
   const [idData, setIdData] = useState("");
-  const [data, setData] = useState<MODEL_DONASI[]>(dataReject.data);
+  const [data, setData] = useState<MODEL_DONASI[] | null>(null);
-  const [isNPage, setNPage] = useState(dataReject.nPage);
+  const [isNPage, setNPage] = useState<number>(1);
   const [isActivePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
 
-  async function onSearch(s: string) {
+
-    setSearch(s);
+  useShallowEffect(() => {
-    const loadData = await adminDonasi_getListReject({
+    const loadInitialData = async () => {
-      page: 1,
+      try {
-      search: s,
+        const response = await apiGetAdminDonasiByStatus({
-    });
+          status: "Reject",
-    setData(loadData.data as any);
+          page: `${isActivePage}`,
-    setNPage(loadData.nPage);
+          search: isSearch
+        })
+
+        if (response?.success && response?.data.data) {
+          setData(response.data.data);
+          setNPage(response.data.nPage || 1);
+        } else {
+          console.error("Invalid data format recieved:", response);
+          setData([]);
+        }
+      } catch (error) {
+        clientLogger.error("Invalid data format recieved:", error);
+        setData([]);
+      }
+    }
+    loadInitialData();
+  }, [isActivePage, isSearch])
+
+
+  const onSearch = (searchTerm: string) => {
+    setSearch(searchTerm);
+    setActivePage(1);
   }
 
-  async function onPageClick(p: any) {
+  const onPageClick = (page: number) => {
-    setActivePage(p);
+    setActivePage(page);
-    const loadData = await adminDonasi_getListReject({
-      search: isSearch,
-      page: p,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
   }
 
-  const TableRows = data.map((e, i) => (
+  const renderTableBody = () => {
-    <tr key={i}>
+    if (!Array.isArray(data) || data.length === 0) {
-      <td>
+      return (
-        <Center c={AccentColor.white}>{e?.Author?.username}</Center>
+        <tr>
-      </td>
+          <td colSpan={12}>
-      <td>
+            <Center>
-        <Center c={AccentColor.white}>{e?.title}</Center>
+              <Text color="gray">Tidak ada data</Text>
-      </td>
+            </Center>
-      <td>
+          </td>
-        <Center c={AccentColor.white}>
+        </tr>
-          <ComponentGlobal_TampilanRupiah color="black" nominal={+e.target} />
+      )
-        </Center>
+    }
-      </td>
+    return data.map((e, i) => (
-      <td>
+      <tr key={i}>
-        <Center c={AccentColor.white}>{e?.DonasiMaster_Ketegori.name}</Center>
+        <td>
-      </td>
+          <Center c={AccentColor.white}>{e?.Author?.username}</Center>
-      <td>
+        </td>
-        <Center c={AccentColor.white}>{e?.DonasiMaster_Durasi.name} hari</Center>
+        <td>
-      </td>
+          <Center c={AccentColor.white}>{e?.title}</Center>
-      <td>
+        </td>
-        <Center>
+        <td>
-          <Button
+          <Center c={AccentColor.white}>
-            style={{ backgroundColor: MainColor.green }}
+            <ComponentGlobal_TampilanRupiah  nominal={+e.target} />
-            color={AccentColor.white}
+          </Center>
-            leftIcon={<IconEyeCheck />}
+        </td>
-            radius={"xl"}
+        <td>
-            onClick={() =>
+          <Center c={AccentColor.white}>{e?.DonasiMaster_Ketegori.name}</Center>
-              router.push(RouterAdminDonasi_OLD.detail_reject + `${e.id}`)
+        </td>
-            }
+        <td>
-          >
+          <Center c={AccentColor.white}>{e?.DonasiMaster_Durasi.name} hari</Center>
-            Lihat Alasan
+        </td>
-          </Button>
+        <td>
-        </Center>
+          <Center>
+            <Button
+              style={{ backgroundColor: MainColor.green }}
+              color={AccentColor.white}
+              leftIcon={<IconEyeCheck />}
+              radius={"xl"}
+              onClick={() =>
+                router.push(RouterAdminDonasi_OLD.detail_reject + `${e.id}`)
+              }
+            >
+              Lihat Alasan
+            </Button>
+          </Center>
+
+          {/* <ModalReject opened={opened} close={close} /> */}
+        </td>
+      </tr>
+    ));
+  }
 
-        {/* <ModalReject opened={opened} close={close} /> */}
-      </td>
-    </tr>
-  ));
 
   return (
     <>
@@ -120,13 +148,13 @@ function TableStatus({ dataReject }: { dataReject: any }) {
           color={AdminColor.softBlue}
           component={
             <TextInput
-            icon={<IconSearch size={20} />}
+              icon={<IconSearch size={20} />}
-            radius={"xl"}
+              radius={"xl"}
-            placeholder="Masukan judul"
+              placeholder="Masukan judul"
-            onChange={(val) => {
+              onChange={(val) => {
-              onSearch(val.currentTarget.value);
+                onSearch(val.currentTarget.value);
-            }}
+              }}
-          />
+            />
           }
         />
         {/* <Group
@@ -146,55 +174,60 @@ function TableStatus({ dataReject }: { dataReject: any }) {
           />
         </Group> */}
 
-        <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"80vh"}>
+        {!data ? (
-          <ScrollArea w={"100%"} h={"90%"}>
+          <CustomSkeleton height={"80vh"} width={"100%"} />
-            <Table
+        ) : (
-              verticalSpacing={"md"}
-              horizontalSpacing={"md"}
-              p={"md"}
-              w={1500}
-            
-            >
-              <thead>
-                <tr>
-                  <th>
-                    <Center c={AccentColor.white}>Username</Center>
-                  </th>
-                  <th>
-                    <Center c={AccentColor.white}>Judul</Center>
-                  </th>
-                  <th>
-                    <Center c={AccentColor.white}>Target</Center>
-                  </th>
-                  <th>
-                    <Center c={AccentColor.white}>Ketegori</Center>
-                  </th>
-                  <th>
-                    <Center c={AccentColor.white}>Durasi</Center>
-                  </th>
-                  <th>
-                    <Center c={AccentColor.white}>Alasan</Center>
-                  </th>
-                </tr>
-              </thead>
-              <tbody>{TableRows}</tbody>
-            </Table>
-          </ScrollArea>
-          {/* <ScrollArea>
-          </ScrollArea> */}
-          <Center mt={"xl"}>
-            <Pagination
-              value={isActivePage}
-              total={isNPage}
-              onChange={(val) => {
-                onPageClick(val);
-              }}
-            />
-          </Center>
-        </Paper>
-      </Stack>
 
-      {data.map((e, i) => (
+
+          <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"80vh"}>
+            <ScrollArea w={"100%"} h={"90%"}>
+              <Table
+                verticalSpacing={"md"}
+                horizontalSpacing={"md"}
+                p={"md"}
+                w={1500}
+
+              >
+                <thead>
+                  <tr>
+                    <th>
+                      <Center c={AccentColor.white}>Username</Center>
+                    </th>
+                    <th>
+                      <Center c={AccentColor.white}>Judul</Center>
+                    </th>
+                    <th>
+                      <Center c={AccentColor.white}>Target</Center>
+                    </th>
+                    <th>
+                      <Center c={AccentColor.white}>Ketegori</Center>
+                    </th>
+                    <th>
+                      <Center c={AccentColor.white}>Durasi</Center>
+                    </th>
+                    <th>
+                      <Center c={AccentColor.white}>Alasan</Center>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>{renderTableBody()}</tbody>
+              </Table>
+            </ScrollArea>
+            {/* <ScrollArea>
+          </ScrollArea> */}
+            <Center mt={"xl"}>
+              <Pagination
+                value={isActivePage}
+                total={isNPage}
+                onChange={(val) => {
+                  onPageClick(val);
+                }}
+              />
+            </Center>
+          </Paper>
+        )}
+      </Stack>
+      {/* {data.map((e, i) => (
         <Modal
           key={e.id}
           opened={opened}
@@ -207,7 +240,7 @@ function TableStatus({ dataReject }: { dataReject: any }) {
             <Text>{i}</Text>
           </Stack>
         </Modal>
-      ))}
+      ))} */}
     </>
   );
 }

src/app_modules/admin/donasi/sub_menu/table_review.tsx

@@ -16,6 +16,7 @@ import {
   ScrollArea,
   Stack,
   Table,
+  Text,
   TextInput,
   Title,
 } from "@mantine/core";
@@ -28,28 +29,28 @@ import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamp
 import adminDonasi_getListReview from "../fun/get/get_list_review";
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import { AdminColor } from "@/app_modules/_global/color/color_pallet";
+import { apiGetAdminDonasiByStatus } from "../lib/api_fetch_admin_donasi";
+import { error } from "console";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function AdminDonasi_TableReview({
+export default function AdminDonasi_TableReview() {
-  listReview,
-}: {
-  listReview: MODEL_DONASI[];
-}) {
   return (
     <>
       <Stack h={"100%"}>
         <ComponentAdminGlobal_HeaderTamplate name="Donasi" />
-        <TableStatus listReview={listReview} />
+        <TableStatus />
       </Stack>
     </>
   );
 }
 
-function TableStatus({ listReview }: { listReview: any }) {
+function TableStatus() {
   const router = useRouter();
   const [isLoading, setLoading] = useState(false);
   const [idData, setIdData] = useState("");
-  const [data, setData] = useState<MODEL_DONASI[]>(listReview.data);
+  const [data, setData] = useState<MODEL_DONASI[] | null>(null);
-  const [isNPage, setNPage] = useState(listReview.nPage);
+  const [isNPage, setNPage] = useState<number>(1);
   const [isActivePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
 
@@ -61,80 +62,100 @@ function TableStatus({ listReview }: { listReview: any }) {
   const [isLoadingReload, setLoadingReload] = useState(false);
 
   useShallowEffect(() => {
-    if (isAdminDonasi_TriggerReview) {
+    loadInitialData();
-      setIsShowReload(true);
+  }, [isActivePage, isSearch]);
+
+  const loadInitialData = async () => {
+    try {
+      const response = await apiGetAdminDonasiByStatus({
+        status: "Review",
+        page: `${isActivePage}`,
+        search: isSearch
+      })
+      console.log("IniData", response)
+
+      if (response?.success && response?.data?.data) {
+        setData(response.data.data);
+        setNPage(response.data.nPage || 1);
+      } else {
+        console.error("Invalid data format received:", response);
+        setData([]);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data table publish", error);
+      setData([]);
     }
-  }, [isAdminDonasi_TriggerReview, setIsShowReload]);
+  }
-
   async function onLoadData() {
-    const loadData = await adminDonasi_getListReview({ page: 1 });
+    loadInitialData();
-
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
     setLoadingReload(false);
     setIsShowReload(false);
     setIsAdminDonasi_TriggerReview(false);
   }
 
-  async function onSearch(s: string) {
+  const onSearch = async (searchTerm: string) => {
-    setSearch(s);
+    setSearch(searchTerm);
-    const loadData = await adminDonasi_getListReview({
+    setActivePage(1);
-      page: 1,
-      search: s,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
   }
 
-  async function onPageClick(p: any) {
+  const onPageClick = (page: number) => {
-    setActivePage(p);
+    setActivePage(page);
-    const loadData = await adminDonasi_getListReview({
+  }
-      search: isSearch,
+
-      page: p,
+  const renderTableBody = () => {
-    });
+    if (!Array.isArray(data) || data.length === 0) {
-    setData(loadData.data as any);
+      return (
-    setNPage(loadData.nPage);
+        <tr>
+          <td colSpan={12}>
+            <Center>
+              <Text color="gray">Tidak ada data</Text>
+            </Center>
+          </td>
+        </tr>
+      )
+    }
+
+    return data.map((e, i) => (
+      <tr key={i}>
+        <td>
+          <Center c={AdminColor.white}>{e?.Author?.username}</Center>
+        </td>
+        <td>
+          <Center c={AdminColor.white}>{e?.title}</Center>
+        </td>
+        <td>
+          <Center c={AdminColor.white}>
+            <ComponentGlobal_TampilanRupiah nominal={+e.target} />
+          </Center>
+        </td>
+        <td>
+          <Center c={AdminColor.white}>{e?.DonasiMaster_Ketegori.name}</Center>
+        </td>
+        <td>
+          <Center c={AdminColor.white}>{e?.DonasiMaster_Durasi.name} hari</Center>
+        </td>
+        <td>
+          <Center>
+            <Button
+              loaderPosition="center"
+              loading={isLoading && e?.id == idData ? true : false}
+              style={{ backgroundColor: MainColor.green, color: AccentColor.white }}
+              leftIcon={<IconEyeCheck />}
+              radius={"xl"}
+              onClick={() => {
+                setLoading(true);
+                setIdData(e?.id);
+                router.push(RouterAdminDonasi_OLD.detail_review + `${e?.id}`);
+              }}
+            >
+              Tampilkan
+            </Button>
+          </Center>
+        </td>
+      </tr>
+    ));
   }
 
-  const TableRows = data.map((e, i) => (
-    <tr key={i}>
-      <td>
-        <Center>{e?.Author?.username}</Center>
-      </td>
-      <td>
-        <Center>{e?.title}</Center>
-      </td>
-      <td>
-        <Center>
-          <ComponentGlobal_TampilanRupiah color="black" nominal={+e.target} />
-        </Center>
-      </td>
-      <td>
-        <Center>{e?.DonasiMaster_Ketegori.name}</Center>
-      </td>
-      <td>
-        <Center>{e?.DonasiMaster_Durasi.name} hari</Center>
-      </td>
-      <td>
-        <Center>
-          <Button
-            loaderPosition="center"
-            loading={isLoading && e?.id == idData ? true : false}
-            style={{ backgroundColor: MainColor.green, color: AccentColor.white }}
-            leftIcon={<IconEyeCheck />}
-            radius={"xl"}
-            onClick={() => {
-              setLoading(true);
-              setIdData(e?.id);
-              router.push(RouterAdminDonasi_OLD.detail_review + `${e?.id}`);
-            }}
-          >
-            Tampilkan
-          </Button>
-        </Center>
-      </td>
-    </tr>
-  ));
 
   return (
     <>
@@ -142,7 +163,7 @@ function TableStatus({ listReview }: { listReview: any }) {
         {/* <pre>{JSON.stringify(listUser, null, 2)}</pre> */}
         <ComponentAdminGlobal_TitlePage
           name="Review"
-          color={AdminColor.orange}
+          color={AdminColor.softBlue}
           component={
             <TextInput
               icon={<IconSearch size={20} />}
@@ -170,74 +191,77 @@ function TableStatus({ listReview }: { listReview: any }) {
             }}
           />
         </Group> */}
+        {!data ? (
+          <CustomSkeleton height={"80vh"} width={"100%"} />
+        ) : (
+          <Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
+            {isShowReload && (
+              <Affix position={{ top: rem(200) }} w={"100%"}>
+                <Center>
+                  <Button
+                    style={{
+                      transition: "0.5s",
+                      border: `1px solid ${AccentColor.skyblue}`,
+                    }}
+                    bg={AccentColor.blue}
+                    loaderPosition="center"
+                    loading={isLoadingReload}
+                    radius={"xl"}
+                    opacity={0.8}
+                    onClick={() => onLoadData()}
+                    leftIcon={<IconRefresh />}
+                  >
+                    Update Data
+                  </Button>
+                </Center>
+              </Affix>
+            )}
+            <ScrollArea w={"100%"} h={"90%"}>
+              <Table
+                verticalSpacing={"md"}
+                horizontalSpacing={"md"}
+                p={"md"}
+                w={1500}
+                h={"100%"}
+
+              >
+                <thead>
+                  <tr>
+                    <th>
+                      <Center c={AdminColor.white}>Username</Center>
+                    </th>
+                    <th>
+                      <Center c={AdminColor.white}>Judul</Center>
+                    </th>
+                    <th>
+                      <Center c={AdminColor.white}>Target</Center>
+                    </th>
+                    <th>
+                      <Center c={AdminColor.white}>Ketegori</Center>
+                    </th>
+                    <th>
+                      <Center c={AdminColor.white}>Durasi</Center>
+                    </th>
+                    <th>
+                      <Center c={AdminColor.white}>Aksi</Center>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>{renderTableBody()}</tbody>
+              </Table>
+            </ScrollArea>
+            <Center mt={"xl"}>
+              <Pagination
+                value={isActivePage}
+                total={isNPage}
+                onChange={(val) => {
+                  onPageClick(val);
+                }}
+              />
+            </Center>
+          </Paper>
+        )}
 
-        <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
-          {isShowReload && (
-            <Affix position={{ top: rem(200) }} w={"100%"}>
-              <Center>
-                <Button
-                  style={{
-                    transition: "0.5s",
-                    border: `1px solid ${AccentColor.skyblue}`,
-                  }}
-                  bg={AccentColor.blue}
-                  loaderPosition="center"
-                  loading={isLoadingReload}
-                  radius={"xl"}
-                  opacity={0.8}
-                  onClick={() => onLoadData()}
-                  leftIcon={<IconRefresh />}
-                >
-                  Update Data
-                </Button>
-              </Center>
-            </Affix>
-          )}
-          <ScrollArea w={"100%"} h={"90%"}>
-            <Table
-              verticalSpacing={"md"}
-              horizontalSpacing={"md"}
-              p={"md"}
-              w={1500}
-              h={"100%"}
-              striped
-              highlightOnHover
-            >
-              <thead>
-                <tr>
-                  <th>
-                    <Center>Username</Center>
-                  </th>
-                  <th>
-                    <Center>Judul</Center>
-                  </th>
-                  <th>
-                    <Center>Target</Center>
-                  </th>
-                  <th>
-                    <Center>Ketegori</Center>
-                  </th>
-                  <th>
-                    <Center>Durasi</Center>
-                  </th>
-                  <th>
-                    <Center>Aksi</Center>
-                  </th>
-                </tr>
-              </thead>
-              <tbody>{TableRows}</tbody>
-            </Table>
-          </ScrollArea>
-          <Center mt={"xl"}>
-            <Pagination
-              value={isActivePage}
-              total={isNPage}
-              onChange={(val) => {
-                onPageClick(val);
-              }}
-            />
-          </Center>
-        </Paper>
       </Stack>
     </>
   );

src/app_modules/admin/event/_view/view_table_review.tsx

@@ -49,6 +49,7 @@ import adminNotifikasi_funCreateToUser from "../../notifikasi/fun/create/fun_cre
 import { adminEvent_funGetListReview } from "../fun";
 import { AdminEvent_funEditStatusPublishById } from "../fun/edit/fun_edit_status_publish_by_id";
 import { AdminEvent_funEditCatatanById } from "../fun/edit/fun_edit_status_reject_by_id";
+import { AdminColor } from "@/app_modules/_global/color/color_pallet";
 
 export default function AdminEvent_ComponentTableReview() {
   const [data, setData] = useState<MODEL_EVENT[] | null>(null);
@@ -261,28 +262,28 @@ export default function AdminEvent_ComponentTableReview() {
     return data.map((e, i) => (
       <tr key={i}>
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text>{e?.Author?.username}</Text>
           </Center>
         </td>
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text lineClamp={2}>{e.title}</Text>
           </Center>
         </td>
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text>{e.lokasi}</Text>
           </Center>
         </td>
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text>{e.EventMaster_TipeAcara.name}</Text>
           </Center>
         </td>
 
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text align="center">
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "full",
@@ -297,7 +298,7 @@ export default function AdminEvent_ComponentTableReview() {
           </Center>
         </td>
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text align="center">
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "full",
@@ -313,7 +314,7 @@ export default function AdminEvent_ComponentTableReview() {
         </td>
 
         <td>
-          <Center w={400}>
+          <Center c={AdminColor.white} w={400}>
             <Spoiler
               hideLabel="sembunyikan"
               maxHeight={50}
@@ -371,7 +372,7 @@ export default function AdminEvent_ComponentTableReview() {
       <Stack spacing={"xs"} h={"100%"}>
         <ComponentAdminGlobal_TitlePage
           name="Review"
-          color={"orange.5"}
+          color={AdminColor.softBlue}
           component={
             <TextInput
               disabled={!data}
@@ -387,7 +388,7 @@ export default function AdminEvent_ComponentTableReview() {
         {!data ? (
           <CustomSkeleton height={"80vh"} width="100%" />
         ) : (
-          <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+          <Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
             {isShowReload && (
               <Affix position={{ top: rem(200) }} w={"100%"}>
                 <Center>
@@ -416,35 +417,33 @@ export default function AdminEvent_ComponentTableReview() {
                 horizontalSpacing={"md"}
                 p={"md"}
                 w={1500}
-                striped
-                highlightOnHover
               >
                 <thead>
                   <tr>
                     <th>
-                      <Center>Username</Center>
+                      <Center c={AdminColor.white}>Username</Center>
                     </th>
                     <th>
-                      <Center>Judul</Center>
+                      <Center c={AdminColor.white}>Judul</Center>
                     </th>
                     <th>
-                      <Center>Lokasi</Center>
+                      <Center c={AdminColor.white}>Lokasi</Center>
                     </th>
                     <th>
-                      <Center>Tipe Acara</Center>
+                      <Center c={AdminColor.white}>Tipe Acara</Center>
                     </th>
                     <th>
-                      <Center>Tanggal & Waktu Mulai</Center>
+                      <Center c={AdminColor.white}>Tanggal & Waktu Mulai</Center>
                     </th>
                     <th>
-                      <Center>Tanggal & Waktu Selesai</Center>
+                      <Center c={AdminColor.white}>Tanggal & Waktu Selesai</Center>
                     </th>
                     <th>
-                      <Center>Deskripsi</Center>
+                      <Center c={AdminColor.white}>Deskripsi</Center>
                     </th>
 
                     <th>
-                      <Center>Aksi</Center>
+                      <Center c={AdminColor.white}>Aksi</Center>
                     </th>
                   </tr>
                 </thead>

src/app_modules/admin/event/table_status/table_reject.tsx

@@ -137,20 +137,20 @@ function TableStatus() {
     return data.map((e, i) => (
       <tr key={i}>
         <td>
-          <Center w={200}>{e?.Author?.username}</Center>
+          <Center c={AdminColor.white} w={200}>{e?.Author?.username}</Center>
         </td>
         <td>
-          <Center w={200}>{e.title}</Center>
+          <Center c={AdminColor.white} w={200}>{e.title}</Center>
         </td>
         <td>
-          <Center w={200}>{e.lokasi}</Center>
+          <Center c={AdminColor.white} w={200}>{e.lokasi}</Center>
         </td>
         <td>
-          <Center w={200}>{e.EventMaster_TipeAcara.name}</Center>
+          <Center c={AdminColor.white} w={200}>{e.EventMaster_TipeAcara.name}</Center>
         </td>
 
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text align="center">
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "full",
@@ -165,7 +165,7 @@ function TableStatus() {
           </Center>
         </td>
         <td>
-          <Center w={200}>
+          <Center c={AdminColor.white} w={200}>
             <Text align="center">
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "full",
@@ -181,7 +181,7 @@ function TableStatus() {
         </td>
 
         <td>
-          <Center w={500}>
+          <Center c={AdminColor.white} w={500}>
             <Spoiler
               hideLabel="sembunyikan"
               maxHeight={50}
@@ -193,7 +193,7 @@ function TableStatus() {
         </td>
         <td>
           {" "}
-          <Center w={400}>
+          <Center c={AdminColor.white} w={400}>
             <Spoiler
               hideLabel="sembunyikan"
               maxHeight={50}
@@ -227,7 +227,7 @@ function TableStatus() {
       <Stack spacing={"xs"} h={"100%"}>
         <ComponentAdminGlobal_TitlePage
           name="Reject"
-          color={"red.5"}
+          color={AdminColor.softBlue}
           component={
             <TextInput
               disabled={!data}
@@ -244,44 +244,43 @@ function TableStatus() {
         {!data ? (
           <CustomSkeleton height={"80vh"} width="100%" />
         ) : (
-          <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+          <Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
             <ScrollArea w={"100%"} h={"90%"}>
               <Table
                 verticalSpacing={"md"}
                 horizontalSpacing={"md"}
                 p={"md"}
                 w={1500}
-                striped
+                
-                highlightOnHover
               >
                 <thead>
                   <tr>
                     <th>
-                      <Center>Username</Center>
+                      <Center c={AdminColor.white}>Username</Center>
                     </th>
                     <th>
-                      <Center>Judul</Center>
+                      <Center c={AdminColor.white}>Judul</Center>
                     </th>
                     <th>
-                      <Center>Lokasi</Center>
+                      <Center c={AdminColor.white}>Lokasi</Center>
                     </th>
                     <th>
-                      <Center>Tipe Acara</Center>
+                      <Center c={AdminColor.white}>Tipe Acara</Center>
                     </th>
                     <th>
-                      <Center>Tanggal & Waktu Mulai</Center>
+                      <Center c={AdminColor.white}>Tanggal & Waktu Mulai</Center>
                     </th>
                     <th>
-                      <Center>Tanggal & Waktu Selesai</Center>
+                      <Center c={AdminColor.white}>Tanggal & Waktu Selesai</Center>
                     </th>
                     <th>
-                      <Center>Cacatan</Center>
+                      <Center c={AdminColor.white}>Cacatan</Center>
                     </th>
                     <th>
-                      <Center>Deskripsi</Center>
+                      <Center c={AdminColor.white}>Deskripsi</Center>
                     </th>
                     <th>
-                      <Center>Aksi</Center>
+                      <Center c={AdminColor.white}>Aksi</Center>
                     </th>
                   </tr>
                 </thead>

src/app_modules/admin/investasi/_lib/api_fetch_admin_investasi.ts

@@ -0,0 +1,51 @@
+export {
+    apiGetAdminInvestasiCountDashboard,
+    apiGetAdminInvestasiByStatus,
+}
+const apiGetAdminInvestasiCountDashboard = async ({ name }:
+    { name: "Publish" | "Review" | "Reject" }) => {
+    
+
+    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    if (!token) return await token.json().catch(() => null);
+   
+
+    const response = await fetch(`/api/admin/investasi/dashboard/${name}`, {
+        method: "GET",
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json",
+            "Access-Control-Allow-Origin": "*",
+            Authorization: `Bearer ${token}`,
+        },
+    })
+
+    return await response.json().catch(() => null);
+};
+
+const apiGetAdminInvestasiByStatus = async ({ status, page, search }: {
+    status: "Publish" | "Review" | "Reject",
+    page: string,
+    search: string
+}) => {
+    console.log("dgsdg")
+    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    if (!token) return await token.json().catch(() => null);
+    console.log("Ini token", token)
+    console.log("Ini Page", page)
+    console.log("Ini Search", search)
+    
+
+    const isPage = page ? `?page=${page}` : "";
+    const isSearch = search ? `&search=${search}` : "";
+    const response = await fetch(`/api/admin/investasi/${status}${isPage}${isSearch}`, {
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json",
+            "Access-Control-Allow-Origin": "*",
+            Authorization: `Bearer ${token}`,
+        },
+    })
+    console.log("Ini response", response)
+    return await response.json().catch(() => null);
+}

src/app_modules/admin/investasi/_lib/api_fetch_count_status.ts

@@ -1,22 +0,0 @@
-const apiGetInvestasiCountDashboard = async ({ name }:
-    { name: "Publish" | "Review" | "Reject" }) => {
-    
-
-    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
-    if (!token) return await token.json().catch(() => null);
-   
-
-    const response = await fetch(`/api/admin/investasi/dashboard/${name}`, {
-        method: "GET",
-        headers: {
-            "Content-Type": "application/json",
-            Accept: "application/json",
-            "Access-Control-Allow-Origin": "*",
-            Authorization: `Bearer ${token}`,
-        },
-    })
-
-    return await response.json().catch(() => null);
-};
-
-export default apiGetInvestasiCountDashboard;

src/app_modules/admin/investasi/main/table_publish.tsx

@@ -25,108 +25,141 @@ import { adminInvestasi_funGetAllPublish } from "../fun/get/get_all_publish";
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import { MainColor } from "@/app_modules/_global/color";
 import { AccentColor, AdminColor } from "@/app_modules/_global/color/color_pallet";
+import { apiGetAdminInvestasiByStatus } from "../_lib/api_fetch_admin_investasi";
+import { useShallowEffect } from "@mantine/hooks";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function Admin_TablePublishInvestasi({
+export default function Admin_TablePublishInvestasi() {
-  dataInvestsi,
-}: {
-  dataInvestsi: MODEL_INVESTASI[];
-}) {
   return (
     <>
       <Stack>
         <ComponentAdminGlobal_HeaderTamplate name="Investasi" />
-        <TableView listData={dataInvestsi} />
+        <TableView  />
         {/* <pre>{JSON.stringify(listPublish, null, 2)}</pre> */}
       </Stack>
     </>
   );
 }
 
-function TableView({ listData }: { listData: any }) {
+function TableView() {
   const router = useRouter();
-  const [data, setData] = useState<MODEL_INVESTASI[]>(listData.data);
+  const [data, setData] = useState<MODEL_INVESTASI[] | null>(null);
-  const [nPage, setNPage] = useState(listData.nPage);
+  const [nPage, setNPage] = useState<number>(1);
   const [activePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
   const [isLoading, setLoading] = useState(false);
   const [idData, setIdData] = useState("");
+  const [origin, setOrigin] = useState("");
 
-  async function onSearch(s: string) {
+  useShallowEffect(() => {
-    setSearch(s);
+    if (typeof window !== "undefined") {
+      setOrigin(window.location.origin);
+    }
+  }, [])
+
+  useShallowEffect(() => {
+    const loadInitialData = async () => {
+      try {
+        const response = await apiGetAdminInvestasiByStatus({
+          status: "Publish",
+          page: `${activePage}`,
+          search: isSearch,
+        });
+
+        if (response?.success && response?.data?.data) {
+          setData(response.data.data);
+          setNPage(response.data.nPage || 1);
+        } else {
+          console.error("Invalid data format received:", response);
+          setData([]);
+        }
+      } catch (error) {
+        clientLogger.error("Error get data table publish", error);
+        setData([]);
+      }
+    };
+
+    loadInitialData();
+  }, [activePage, isSearch]);
+  const onSearch = async (searchTerm: string) => {
+    setSearch(searchTerm);
     setActivePage(1);
-    const loadData = await adminInvestasi_funGetAllPublish({
-      page: 1,
-      search: s,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
   }
 
-  async function onPageClick(p: any) {
+  const onPageClick = (page: number) => {
-    setActivePage(p);
+    setActivePage(page)
-    const loadData = await adminInvestasi_funGetAllPublish({
-      search: isSearch,
-      page: p,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
   }
 
-  const tableBody = data.map((e) => (
+  const renderTableBody = () => {
-    <tr key={e.id}>
+    if(!Array.isArray(data) || data.length === 0) {
-      <td>
+      return (
-        <Center w={200}>
+        <tr>
-          <Text c={AccentColor.white} lineClamp={1}>{e.author.username}</Text>
+          <td colSpan={12}>
-        </Center>
+            <Center>
-      </td>
+              <Text color={"gray"}>Tidak ada data</Text>
-      <td>
+            </Center>
-        <Center w={400}>
+          </td>
-          <Text c={AccentColor.white} lineClamp={1}>{e.title}</Text>
+        </tr>
-        </Center>
+      );
-      </td>
+    }
-      <td>
+    return data.map((e, i) => (
-        <Center c={AccentColor.white} w={200}>{_.toNumber(e.progress).toFixed(2)} %</Center>
+      <tr key={i}>
-      </td>
+        <td>
-      <td>
+          <Center w={200}>
-        <Center c={AccentColor.white} w={200}>
+            <Text c={AccentColor.white} lineClamp={1}>{e.author.username}</Text>
-          {new Intl.NumberFormat("id-ID", {
+          </Center>
-            maximumFractionDigits: 10,
+        </td>
-          }).format(+e.sisaLembar)}
+        <td>
-        </Center>
+          <Center w={400}>
-      </td>
+            <Text c={AccentColor.white} lineClamp={1}>{e.title}</Text>
-      <td>
+          </Center>
-        <Center c={AccentColor.white} w={200}>
+        </td>
-          {new Intl.NumberFormat("id-ID", {
+        <td>
-            maximumFractionDigits: 10,
+          <Center c={AccentColor.white} w={200}>{_.toNumber(e.progress).toFixed(2)} %</Center>
-          }).format(+e.totalLembar)}
+        </td>
-        </Center>
+        <td>
-      </td>
+          <Center c={AccentColor.white} w={200}>
-      <td>
+            {new Intl.NumberFormat("id-ID", {
-        <Center w={200}>
+              maximumFractionDigits: 10,
-          <Text c={AccentColor.white} lineClamp={1}>{e.Investasi_Invoice.length}</Text>
+            }).format(+e.sisaLembar)}
-        </Center>
+          </Center>
-      </td>
+        </td>
-      <td>
+        <td>
-        <Center w={200}>
+          <Center c={AccentColor.white} w={200}>
-          <Button
+            {new Intl.NumberFormat("id-ID", {
-            loading={isLoading && idData === e.id}
+              maximumFractionDigits: 10,
-            loaderPosition="center"
+            }).format(+e.totalLembar)}
-            bg={"green"}
+          </Center>
-            color="green"
+        </td>
-            radius={"xl"}
+        <td>
-            leftIcon={<IconEyeCheck size={20} />}
+          <Center w={200}>
-            onClick={() => {
+            <Text c={AccentColor.white} lineClamp={1}>{e.Investasi_Invoice.length}</Text>
-              setIdData(e.id);
+          </Center>
-              setLoading(true);
+        </td>
-              router.push(RouterAdminInvestasi.detail_publish + `${e.id}`);
+        <td>
-            }}
+          <Center w={200}>
-          >
+            <Button
-            Detail
+              loading={isLoading && idData === e.id}
-          </Button>
+              loaderPosition="center"
-        </Center>
+              bg={"green"}
-      </td>
+              color="green"
-    </tr>
+              radius={"xl"}
-  ));
+              leftIcon={<IconEyeCheck size={20} />}
+              onClick={() => {
+                setIdData(e.id);
+                setLoading(true);
+                router.push(RouterAdminInvestasi.detail_publish + `${e.id}`);
+              }}
+            >
+              Detail
+            </Button>
+          </Center>
+        </td>
+      </tr>
+    ));
+  }
+  
 
   return (
     <>
@@ -164,8 +197,8 @@ function TableView({ listData }: { listData: any }) {
           />
         </Group> */}
 
-        {_.isEmpty(data) ? (
+        {!data ? (
-          <ComponentAdminGlobal_IsEmptyData />
+          <CustomSkeleton height={"80vh"} width={"100%"} />
         ) : (
           <Paper bg={AdminColor.softBlue} p={"md"} shadow="lg" h={"80vh"}>
             <ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
@@ -203,7 +236,7 @@ function TableView({ listData }: { listData: any }) {
                     </th>
                   </tr>
                 </thead>
-                <tbody>{tableBody}</tbody>
+                <tbody>{renderTableBody()}</tbody>
               </Table>
             </ScrollArea>
             <Center mt={"xl"}>

src/app_modules/admin/investasi/main/table_reject.tsx

@@ -31,162 +31,186 @@ import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_invest
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import { MainColor } from "@/app_modules/_global/color";
 import { AccentColor, AdminColor } from "@/app_modules/_global/color/color_pallet";
+import { useShallowEffect } from "@mantine/hooks";
+import { clientLogger } from "@/util/clientLogger";
+import { apiGetAdminInvestasiByStatus } from "../_lib/api_fetch_admin_investasi";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function Admin_TableRejectInvestasi({
+export default function Admin_TableRejectInvestasi() {
-  dataInvestsi,
-}: {
-  dataInvestsi: any[];
-}) {
-  const [investasi, setInvestasi] = useState(dataInvestsi);
-  const router = useRouter();
-
   return (
     <>
       <Stack>
         <ComponentAdminGlobal_HeaderTamplate name="Investasi" />
-        <TableView listData={dataInvestsi} />
+        <TableView/>
       </Stack>
     </>
   );
 
-  const tableBody = investasi.map((e) =>
+  // const tableBody = investasi.map((e) =>
-    e.MasterStatusInvestasi.id === "4" ? (
+  //   e.MasterStatusInvestasi.id === "4" ? (
-      <tr key={e.id}>
+  //     <tr key={e.id}>
-        <td>
+  //       <td>
-          <Group position="left">
+  //         <Group position="left">
-            <Avatar variant="outline" radius={"xl"} />
+  //           <Avatar variant="outline" radius={"xl"} />
-            <Text>{e.author.username}</Text>
+  //           <Text>{e.author.username}</Text>
-          </Group>
+  //         </Group>
-        </td>
+  //       </td>
-        <td>{_.capitalize(e.title)}</td>
+  //       <td>{_.capitalize(e.title)}</td>
-        <td>{e.catatan}</td>
+  //       <td>{e.catatan}</td>
-        <td>
+  //       <td>
-          <Center>
+  //         <Center>
-            <Tooltip label="Konfirmasi" withArrow position="bottom">
+  //           <Tooltip label="Konfirmasi" withArrow position="bottom">
-              <ActionIcon
+  //             <ActionIcon
-                variant="transparent"
+  //               variant="transparent"
-                onClick={() =>
+  //               onClick={() =>
-                  router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`)
+  //                 router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`)
-                }
+  //               }
-              >
+  //             >
-                <IconEdit color="green" />
+  //               <IconEdit color="green" />
-              </ActionIcon>
+  //             </ActionIcon>
-            </Tooltip>
+  //           </Tooltip>
-          </Center>
+  //         </Center>
-        </td>
+  //       </td>
-      </tr>
+  //     </tr>
-    ) : (
+  //   ) : (
-      ""
+  //     ""
-    )
+  //   )
-  );
+  // );
 
-  return (
+  // return (
-    <>
+  //   <>
-      <Stack>
+  //     <Stack>
-        <ActionIcon
+  //       <ActionIcon
-          variant="outline"
+  //         variant="outline"
-          onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}
+  //         onClick={() => router.push(RouterAdminInvestasi_OLD.main_investasi)}
-        >
+  //       >
-          <IconChevronLeft />
+  //         <IconChevronLeft />
-        </ActionIcon>
+  //       </ActionIcon>
-        <Box>
+  //       <Box>
-          <ScrollArea w={"100%"}>
+  //         <ScrollArea w={"100%"}>
-            <Badge color="red" variant="light" radius={0} size={"xl"}>
+  //           <Badge color="red" variant="light" radius={0} size={"xl"}>
-              Reject
+  //             Reject
-            </Badge>
+  //           </Badge>
-            <Table
+  //           <Table
-              withBorder
+  //             withBorder
-              highlightOnHover
+  //             highlightOnHover
-              verticalSpacing={"md"}
+  //             verticalSpacing={"md"}
-              horizontalSpacing={"md"}
+  //             horizontalSpacing={"md"}
-            >
+  //           >
-              <thead>
+  //             <thead>
-                <tr>
+  //               <tr>
-                  <th>Username</th>
+  //                 <th>Username</th>
-                  <th>Nama Proyek Investasi</th>
+  //                 <th>Nama Proyek Investasi</th>
-                  <th>Catatan</th>
+  //                 <th>Catatan</th>
-                  <th>
+  //                 <th>
-                    <Center>Aksi</Center>
+  //                   <Center>Aksi</Center>
-                  </th>
+  //                 </th>
-                </tr>
+  //               </tr>
-              </thead>
+  //             </thead>
-              <tbody>{tableBody}</tbody>
+  //             <tbody>{tableBody}</tbody>
-            </Table>
+  //           </Table>
-          </ScrollArea>
+  //         </ScrollArea>
-        </Box>
+  //       </Box>
-      </Stack>
+  //     </Stack>
-    </>
+  //   </>
-  );
+  // );
 }
 
-function TableView({ listData }: { listData: any }) {
+function TableView() {
   const router = useRouter();
-  const [data, setData] = useState<MODEL_INVESTASI[]>(listData.data);
+  const [data, setData] = useState<MODEL_INVESTASI[] | null > (null);
-  const [nPage, setNPage] = useState(listData.nPage);
+  const [nPage, setNPage] = useState(1);
   const [activePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
   const [isLoading, setLoading] = useState(false);
   const [idData, setIdData] = useState("");
 
-  async function onSearch(s: string) {
+ 
-    setSearch(s);
+  useShallowEffect(() => {
+  const loadInitialData = async () => {
+   try {
+     const response = await apiGetAdminInvestasiByStatus({
+       status: "Reject",
+       page: `${activePage}`,
+       search: isSearch,
+     });
+
+     if (response?.success && response?.data.data) {
+       setData(response.data.data);
+       setNPage(response.data.nPage || 1);
+     } else {
+       console.error("Invalid data format recieved:", response);
+       setData([]);
+     }
+   } catch (error) {
+     clientLogger.error("Error get data reject", error);
+     setData([]);
+   }
+    }
+    loadInitialData();
+  }, [activePage, isSearch]);
+  const onSearch = async (searchTerm: string) => {
+    setSearch(searchTerm);
     setActivePage(1);
-    const loadData = await adminInvestasi_funGetAllReject({
-      page: 1,
-      search: s,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
   }
 
-  async function onPageClick(p: any) {
+  async function onPageClick(page: number) {
-    setActivePage(p);
+    setActivePage(page);
-    const loadData = await adminInvestasi_funGetAllReject({
-      search: isSearch,
-      page: p,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
   }
 
-  const tableBody = data.map((e) => (
+  const renderTableBody = () => {
-    <tr key={e.id}>
+    if (!Array.isArray(data) || data.length === 0) {
-      <td>
+      return (
-        <Center w={200}>
+        <tr>
-          <Text c={AccentColor.white} lineClamp={1}>{e.author.username}</Text>
+          <td colSpan={12}>
-        </Center>
+            <Center>
-      </td>
+              <Text color="gray">Tidak ada data</Text>
-      <td>
+            </Center>
-        <Center w={400}>
+          </td>
-          <Text c={AccentColor.white} lineClamp={1}>{e.title}</Text>
+        </tr>
-        </Center>
+      )
-      </td>
+    }
-      <td>
+    return data.map((e, i) => (
-        <Center w={400}>
+      <tr key={i}>
-          <Text c={AccentColor.white} lineClamp={1}>{e.catatan}</Text>
+        <td>
-        </Center>
+          <Center w={200}>
-      </td>
+            <Text c={AccentColor.white} lineClamp={1}>{e.author.username}</Text>
+          </Center>
+        </td>
+        <td>
+          <Center w={400}>
+            <Text c={AccentColor.white} lineClamp={1}>{e.title}</Text>
+          </Center>
+        </td>
+        <td>
+          <Center w={400}>
+            <Text c={AccentColor.white} lineClamp={1}>{e.catatan}</Text>
+          </Center>
+        </td>
+  
+        <td>
+          <Center w={200}>
+            <Button
+              loading={isLoading && idData === e.id}
+              loaderPosition="center"
+              color="green"
+              leftIcon={<IconEyeCheck size={20}/>}
+              radius={"xl"}
+              onClick={() => {
+                setIdData(e.id);
+                setLoading(true);
+                router.push(RouterAdminInvestasi.detail_reject + `${e.id}`);
+              }}
+            >
+              Detail
+            </Button>
+          </Center>
+        </td>
+      </tr>
+    ));
+  }
 
-      <td>
+  
-        <Center w={200}>
-          <Button
-            loading={isLoading && idData === e.id}
-            loaderPosition="center"
-            color="green"
-            leftIcon={<IconEyeCheck size={20}/>}
-            radius={"xl"}
-            onClick={() => {
-              setIdData(e.id);
-              setLoading(true);
-              router.push(RouterAdminInvestasi.detail_reject + `${e.id}`);
-            }}
-          >
-            Detail
-          </Button>
-        </Center>
-      </td>
-    </tr>
-  ));
 
   return (
     <>
@@ -224,8 +248,8 @@ function TableView({ listData }: { listData: any }) {
           />
         </Group> */}
 
-        {_.isEmpty(data) ? (
+        {!data ? (
-          <ComponentAdminGlobal_IsEmptyData />
+          <CustomSkeleton height={"80vh"} width="100%" />
         ) : (
           <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"80vh"}>
             <ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
@@ -253,7 +277,7 @@ function TableView({ listData }: { listData: any }) {
                     </th>
                   </tr>
                 </thead>
-                <tbody>{tableBody}</tbody>
+                <tbody>{renderTableBody()}</tbody>
               </Table>
             </ScrollArea>
             <Center mt={"xl"}>

src/app_modules/admin/investasi/main/table_review.tsx

@@ -30,26 +30,25 @@ import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampi
 import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import { AdminColor } from "@/app_modules/_global/color/color_pallet";
+import { apiGetAdminInvestasiByStatus } from "../_lib/api_fetch_admin_investasi";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function Admin_TableReviewInvestasi({
+export default function Admin_TableReviewInvestasi() {
-  dataInvestsi,
-}: {
-  dataInvestsi: any[];
-}) {
   return (
     <>
       <Stack>
         <ComponentAdminGlobal_HeaderTamplate name="Investasi" />
-        <TableView listData={dataInvestsi} />
+        <TableView />
       </Stack>
     </>
   );
 }
 
-function TableView({ listData }: { listData: any }) {
+function TableView() {
   const router = useRouter();
-  const [data, setData] = useState<MODEL_INVESTASI[]>(listData.data);
+  const [data, setData] = useState<MODEL_INVESTASI[] | null>(null);
-  const [nPage, setNPage] = useState(listData.nPage);
+  const [nPage, setNPage] = useState<number>(1);
   const [activePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
   const [isLoading, setLoading] = useState(false);
@@ -62,94 +61,108 @@ function TableView({ listData }: { listData: any }) {
   const [isLoadingReload, setLoadingReload] = useState(false);
 
   useShallowEffect(() => {
-    if (isAdminInvestasi_TriggerReview) {
+    loadInitialData();
-      setIsShowReload(false);
+  }, [activePage, isSearch]);
-      setIsAdminInvestasi_TriggerReview(false)
+  const loadInitialData = async () => {
-    }
+    try {
-  }, [isAdminInvestasi_TriggerReview]);
+      const response = await apiGetAdminInvestasiByStatus({
+        status: "Review",
+        page: `${activePage}`,
+        search: isSearch,
+      });
 
+      if (response?.success && response?.data?.data) {
+        setData(response.data.data)
+        setNPage(response.data.nPage || 1)
+      } else {
+        console.error("Invalid data format received:", response);
+        setData([]);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data table review", error);
+      setData([]);
+    }
+  }
+  const onSearch = async (searchTerm: string) => {
+    setSearch(searchTerm);
+    setActivePage(1);
+  }
+
+  const onPageClick = (page: number) => {
+    setActivePage(page);
+  }
   async function onLoadData() {
-    const loadData = await adminInvestasi_funGetAllReview({ page: 1 });
+    loadInitialData();
-    setData(loadData.data as any);
+    setLoading(false);
-    setNPage(loadData.nPage);
-    setLoadingReload(false);
     setIsShowReload(false);
     setIsAdminInvestasi_TriggerReview(false);
   }
 
-  async function onSearch(s: string) {
+  const renderTableBody = () => {
-    setSearch(s);
+    if (!Array.isArray(data) || data.length === 0) {
-    setActivePage(1);
+      return (
-    const loadData = await adminInvestasi_funGetAllReview({
+        <tr>
-      page: 1,
+          <td colSpan={12}>
-      search: s,
+            <Center>
-    });
+              <Text color="gray">Tidak ada data</Text>
-    setData(loadData.data as any);
+            </Center>
-    setNPage(loadData.nPage);
+          </td>
+        </tr>
+      )
+    }
+    return data.map((e, i) => (
+      <tr key={i}>
+        <td>
+          <Center c={AccentColor.white} w={200}>
+            <Text lineClamp={1}>{e.author.username}</Text>
+          </Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white} w={400}>
+            <Text lineClamp={1}>{e.title}</Text>
+          </Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white} w={200}>
+            <Text lineClamp={1}>{e.roi} %</Text>
+          </Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white} w={200}>
+            <ComponentAdminGlobal_TampilanRupiahDonasi
+              nominal={_.toNumber(e.targetDana)}
+            />
+          </Center>
+        </td>
+        <td>
+          <Center c={AccentColor.white} w={200}>
+            <ComponentAdminGlobal_TampilanRupiahDonasi
+              nominal={_.toNumber(e.hargaLembar)}
+            />
+          </Center>
+        </td>
+        <td>
+          <Center w={200}>
+            <Button
+              loading={isLoading && idData === e.id}
+              loaderPosition="center"
+              color="green"
+              leftIcon={<IconEyeCheck size={20} />}
+              radius={"xl"}
+              onClick={() => {
+                setIdData(e.id);
+                setLoading(true);
+                router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`);
+              }}
+            >
+              Detail
+            </Button>
+          </Center>
+        </td>
+      </tr>
+    ));
   }
 
-  async function onPageClick(p: any) {
-    setActivePage(p);
-    const loadData = await adminInvestasi_funGetAllReview({
-      search: isSearch,
-      page: p,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
-  }
-
-  const tableBody = data.map((e) => (
-    <tr key={e.id}>
-      <td>
-        <Center c={AccentColor.white} w={200}>
-          <Text lineClamp={1}>{e.author.username}</Text>
-        </Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white} w={400}>
-          <Text lineClamp={1}>{e.title}</Text>
-        </Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white} w={200}>
-          <Text lineClamp={1}>{e.roi} %</Text>
-        </Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white} w={200}>
-          <ComponentAdminGlobal_TampilanRupiahDonasi
-            nominal={_.toNumber(e.targetDana)}
-          />
-        </Center>
-      </td>
-      <td>
-        <Center c={AccentColor.white} w={200}>
-          <ComponentAdminGlobal_TampilanRupiahDonasi
-            nominal={_.toNumber(e.hargaLembar)}
-          />
-        </Center>
-      </td>
-      <td>
-        <Center w={200}>
-          <Button
-            loading={isLoading && idData === e.id}
-            loaderPosition="center"
-            color="green"
-            leftIcon={<IconEyeCheck size={20}/>}
-            radius={"xl"}
-            onClick={() => {
-              setIdData(e.id);
-              setLoading(true);
-              router.push(RouterAdminInvestasi_OLD.konfirmasi + `${e.id}`);
-            }}
-          >
-            Detail
-          </Button>
-        </Center>
-      </td>
-    </tr>
-  ));
-
   return (
     <>
       <Stack spacing={"xs"} h={"100%"}>
@@ -158,13 +171,13 @@ function TableView({ listData }: { listData: any }) {
           color={AdminColor.softBlue}
           component={
             <TextInput
-            icon={<IconSearch size={20} />}
+              icon={<IconSearch size={20} />}
-            radius={"xl"}
+              radius={"xl"}
-            placeholder="Cari nama proyek"
+              placeholder="Cari nama proyek"
-            onChange={(val) => {
+              onChange={(val) => {
-              onSearch(val.currentTarget.value);
+                onSearch(val.currentTarget.value);
-            }}
+              }}
-          />
+            />
           }
         />
         {/* <Group
@@ -186,8 +199,8 @@ function TableView({ listData }: { listData: any }) {
           />
         </Group> */}
 
-        {_.isEmpty(data) ? (
+        {!data ? (
-          <ComponentAdminGlobal_IsEmptyData />
+          <CustomSkeleton height={"80vh"} width={"100%"} />
         ) : (
           <Paper p={"md"} bg={AdminColor.softBlue} shadow="lg" h={"80vh"}>
             {isShowReload && (
@@ -245,7 +258,7 @@ function TableView({ listData }: { listData: any }) {
                     </th>
                   </tr>
                 </thead>
-                <tbody>{tableBody}</tbody>
+                <tbody>{renderTableBody()}</tbody>
               </Table>
             </ScrollArea>
             <Center mt={"xl"}>

src/app_modules/admin/investasi/main/view.tsx

@@ -50,7 +50,8 @@ import { clientLogger } from "@/util/clientLogger";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import global_limit from "@/app/lib/limit";
 import { useShallowEffect } from "@mantine/hooks";
-import apiGetInvestasiCountDashboard from "../_lib/api_fetch_count_status";
+import { apiGetAdminInvestasiCountDashboard } from "../_lib/api_fetch_admin_investasi";
+
 
 export default function Admin_Investasi({
   listInvestasi,
@@ -88,7 +89,7 @@ export default function Admin_Investasi({
   async function onLoadCountPublish() {
     try {
 
-      const response = await apiGetInvestasiCountDashboard({
+      const response = await apiGetAdminInvestasiCountDashboard({
         name: "Publish",
       });
 
@@ -103,7 +104,7 @@ export default function Admin_Investasi({
   }
   async function onLoadCountReview() {
     try {
-      const response = await apiGetInvestasiCountDashboard({
+      const response = await apiGetAdminInvestasiCountDashboard({
         name: "Review",
       });
 
@@ -116,7 +117,7 @@ export default function Admin_Investasi({
   }
   async function onLoadCountReject() {
     try {
-      const response = await apiGetInvestasiCountDashboard({
+      const response = await apiGetAdminInvestasiCountDashboard({
         name: "Reject",
       });
 

src/app_modules/auth/_lib/api_fetch_auth.ts

@@ -0,0 +1,73 @@
+export {
+  apiFetchLogin,
+  apiGetCheckCodeOtp,
+  apiPostVerifikasiCodeOtp,
+  apiDeleteAktivasiKodeOtpByNomor,
+  apiFetchRegister,
+};
+
+const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
+  const respone = await fetch("/api/auth/login", {
+    method: "POST",
+    body: JSON.stringify({ nomor: nomor }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};
+
+const apiGetCheckCodeOtp = async ({ id }: { id: string }) => {
+  const respone = await fetch(`/api/auth/check/${id}`);
+
+  return await respone.json().catch(() => null);
+};
+
+const apiPostVerifikasiCodeOtp = async ({ nomor }: { nomor: string }) => {
+  const respone = await fetch("/api/auth/validasi", {
+    method: "POST",
+    body: JSON.stringify({ nomor: nomor }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};
+
+const apiDeleteAktivasiKodeOtpByNomor = async ({ id }: { id: string }) => {
+  const respone = await fetch(`/api/auth/code/${id}`, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};
+
+const apiFetchRegister = async ({
+  nomor,
+  username,
+}: {
+  nomor: string;
+  username: string;
+}) => {
+  const data = {
+    username: username,
+    nomor: nomor,
+  };
+  const respone = await fetch("/api/auth/register", {
+    method: "POST",
+    body: JSON.stringify({ data }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  const result = await respone.json();
+
+  return result;
+  // return await respone.json().catch(() => null);
+};

src/app_modules/auth/login/view.tsx

@@ -17,6 +17,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { PhoneInput } from "react-international-phone";
 import "react-international-phone/style.css";
+import { apiFetchLogin } from "../_lib/api_fetch_auth";
 
 export default function Login({ version }: { version: string }) {
   const router = useRouter();
@@ -30,33 +31,20 @@ export default function Login({ version }: { version: string }) {
 
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/login", {
+      const respone = await apiFetchLogin({ nomor: nomor });
-        method: "POST",
-        body: JSON.stringify({ nomor: nomor }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
 
-      const result = await res.json();
+      if (respone) {
-
+        localStorage.setItem("hipmi_auth_code_id", respone.kodeId);
-      if (res.status == 500) {
+        ComponentGlobal_NotifikasiBerhasil(respone.message, 2000);
-        ComponentGlobal_NotifikasiGagal("Server Error");
-        return;
-      }
-
-      if (res.status === 200) {
-        localStorage.setItem("hipmi_auth_code_id", result.kodeId);
-        ComponentGlobal_NotifikasiBerhasil(result.message, 2000);
         router.push("/validasi", { scroll: false });
       } else {
-        ComponentGlobal_NotifikasiPeringatan(result.message);
+        setLoading(false);
+        ComponentGlobal_NotifikasiPeringatan(respone.message);
       }
     } catch (error) {
+      setLoading(false);
       clientLogger.error("Error login:", error);
       ComponentGlobal_NotifikasiGagal("Terjadi Kesalahan");
-    } finally {
-      setLoading(false);
     }
   }
 

src/app_modules/auth/register/view.tsx

@@ -5,7 +5,7 @@ import ComponentGlobal_ErrorInput from "@/app_modules/_global/component/error_in
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
-import { Button, Stack, Text, TextInput, Title } from "@mantine/core";
+import { Button, Center, Stack, Text, TextInput, Title } from "@mantine/core";
 import { useFocusTrap, useShallowEffect } from "@mantine/hooks";
 import { IconUserCircle } from "@tabler/icons-react";
 import _ from "lodash";
@@ -14,6 +14,13 @@ import { useState } from "react";
 import { auth_funDeleteAktivasiKodeOtpByNomor } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
 import Register_SkeletonView from "./skeleton";
 import { clientLogger } from "@/util/clientLogger";
+import {
+  apiDeleteAktivasiKodeOtpByNomor,
+  apiFetchRegister,
+  apiGetCheckCodeOtp,
+} from "../_lib/api_fetch_auth";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global";
 
 export default function Register() {
   const router = useRouter();
@@ -22,76 +29,52 @@ export default function Register() {
   const [isValue, setIsValue] = useState(false);
   const focusTrapRef = useFocusTrap();
   const [loading, setLoading] = useState(false);
+  const [idCode, setIdCode] = useState("");
 
   useShallowEffect(() => {
     const kodeId = localStorage.getItem("hipmi_auth_code_id");
     if (kodeId != null) {
-      onCheckAuthCode({ kodeId: kodeId as string, onSetData: setNomor });
+      onCheckAuthCode({ kodeId: kodeId as string });
     } else {
       console.log("code id not found");
     }
-  }, [setNomor]);
+  }, []);
 
-  async function onCheckAuthCode({
+  async function onCheckAuthCode({ kodeId }: { kodeId: string }) {
-    kodeId,
+    try {
-    onSetData,
+      const respone = await apiGetCheckCodeOtp({ id: kodeId });
-  }: {
+      if (respone) {
-    kodeId: string;
+        setIdCode(kodeId);
-    onSetData: any;
+        setNomor(respone.nomor);
-  }) {
+      }
-    const res = await fetch(`/api/auth/check?id=${kodeId}`);
+    } catch (error) {
-    const result = await res.json();
+      clientLogger.error("Error onCheckAuthCode:", error);
-
+    }
-    onSetData(result.nomor);
   }
 
   async function onRegistarsi() {
-    const data = {
-      username: value,
-      nomor: nomor,
-    };
-
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/register", {
+      const respone = await apiFetchRegister({ nomor: nomor, username: value });
-        method: "POST",
-        body: JSON.stringify({
-          data,
-        }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
-
-      const result = await res.json();
-
-      if (res.status === 200) {
-        ComponentGlobal_NotifikasiBerhasil(result.message);
-        localStorage.removeItem("hipmi_auth_code_id");
-        await auth_funDeleteAktivasiKodeOtpByNomor({
-          nomor: data.nomor,
-        });
 
+      if (respone.success) {
         router.push("/waiting-room", { scroll: false });
-        return;
+        ComponentGlobal_NotifikasiBerhasil(respone.message);
-      }
 
-      if (res.status === 400) {
+        try {
-        setLoading(false);
+          const responeDelete = await apiDeleteAktivasiKodeOtpByNomor({
-        ComponentGlobal_NotifikasiPeringatan(result.message);
+            id: idCode,
-        return;
+          });
-      }
 
-      if (res.status === 405) {
+          if (responeDelete) {
+            localStorage.removeItem("hipmi_auth_code_id");
+          }
+        } catch (error) {
+          clientLogger.error("Error apiDeleteAktivasiKodeOtpByNomor:", error);
+        }
+      } else {
         setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
+        ComponentGlobal_NotifikasiPeringatan(respone.message);
-        return;
-      }
-
-      if (res.status === 500) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
-        return;
       }
     } catch (error) {
       setLoading(false);
@@ -102,71 +85,76 @@ export default function Register() {
   return (
     <>
       <UIGlobal_LayoutDefault>
-        {nomor == "" ? (
+        <Stack h={"100vh"} align="center" justify="center" spacing={50}>
-          <Register_SkeletonView />
+          <Title order={2} c={MainColor.yellow}>
-        ) : (
+            REGISTRASI
-          <Stack h={"100vh"} align="center" justify="center" spacing={50}>
+          </Title>
-            <Title order={2} c={MainColor.yellow}>
-              REGISTRASI
-            </Title>
 
-            <IconUserCircle size={100} color={MainColor.white} />
+          <IconUserCircle size={100} color={MainColor.white} />
 
-            <Stack spacing={"sm"} w={300}>
+          <Stack spacing={"sm"} w={300}>
+            <Stack spacing={0}>
               <Text align="center" c={MainColor.white}>
-                Anda akan terdaftar dengan nomor berikut{" "}
+                Anda akan terdaftar dengan nomor
-                <Text inherit span fw={"bold"}>
+              </Text>
+              {nomor == "" ? (
+                <Center>
+                  <CustomSkeleton height={20} w={150} />
+                </Center>
+              ) : (
+                <Text align="center" c={MainColor.white} fw={"bold"}>
                   +{nomor}
                 </Text>
-              </Text>
+              )}
-              <TextInput
+            </Stack>
-                ref={focusTrapRef}
+            <TextInput
-                placeholder="Masukan Username"
+              ref={focusTrapRef}
-                maxLength={50}
+              placeholder="Masukan Username"
-                error={
+              maxLength={50}
-                  value.length > 0 && value.length < 5 ? (
+              error={
-                    <ComponentGlobal_ErrorInput text="Minimal 5 karakter !" />
+                value.length > 0 && value.length < 5 ? (
-                  ) : _.values(value).includes(" ") ? (
+                  <ComponentGlobal_ErrorInput text="Minimal 5 karakter !" />
-                    <Stack spacing={5}>
+                ) : _.values(value).includes(" ") ? (
-                      <ComponentGlobal_ErrorInput text="Tidak boleh ada space" />
+                  <Stack spacing={5}>
-                      <ComponentGlobal_ErrorInput text="Sambungkan huruf meggunakan karakter _" />
+                    <ComponentGlobal_ErrorInput text="Tidak boleh ada space" />
-                    </Stack>
+                    <ComponentGlobal_ErrorInput text="Sambungkan huruf meggunakan karakter _" />
-                  ) : isValue ? (
+                  </Stack>
-                    <ComponentGlobal_ErrorInput text="Masukan username anda" />
+                ) : isValue ? (
-                  ) : (
+                  <ComponentGlobal_ErrorInput text="Masukan username anda" />
-                    ""
+                ) : (
-                  )
+                  ""
+                )
+              }
+              onChange={(val) => {
+                val.currentTarget.value.length > 0 ? setIsValue(false) : "";
+                setValue(val.currentTarget.value);
+              }}
+            />
+            <Stack>
+              <Button
+                disabled={
+                  value === "" ||
+                  value.length < 5 ||
+                  _.values(value).includes(" ")
                 }
-                onChange={(val) => {
+                style={{ transition: "0.5s" }}
-                  val.currentTarget.value.length > 0 ? setIsValue(false) : "";
+                loading={loading ? true : false}
-                  setValue(val.currentTarget.value);
+                loaderPosition="center"
+                radius={"md"}
+                compact
+                h={40}
+                c={"black"}
+                bg={MainColor.yellow}
+                color={"yellow"}
+                onClick={() => {
+                  onRegistarsi();
                 }}
-              />
+              >
-              <Stack>
+                <Text>DAFTAR</Text>
-                <Button
+              </Button>
-                  disabled={
-                    value === "" ||
-                    value.length < 5 ||
-                    _.values(value).includes(" ")
-                  }
-                  loading={loading ? true : false}
-                  loaderPosition="center"
-                  radius={"md"}
-                  compact
-                  h={40}
-                  c={"black"}
-                  bg={MainColor.yellow}
-                  color={"yellow"}
-                  onClick={() => {
-                    onRegistarsi();
-                  }}
-                >
-                  <Text>DAFTAR</Text>
-                </Button>
-              </Stack>
             </Stack>
           </Stack>
-        )}
+        </Stack>
       </UIGlobal_LayoutDefault>
     </>
   );

src/app_modules/auth/validasi/view.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { RouterAdminDashboard } from "@/app/lib/router_hipmi/router_admin";
-import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 import {
   AccentColor,
   MainColor,
@@ -10,8 +9,11 @@ import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
 import {
+  ActionIcon,
+  Box,
   Button,
   Center,
+  Group,
   Loader,
   PinInput,
   Stack,
@@ -23,9 +25,14 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global";
-import { auth_funDeleteAktivasiKodeOtpByNomor } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
-import Validasi_SkeletonView from "./skeleton";
 import { clientLogger } from "@/util/clientLogger";
+import { IconChevronLeft } from "@tabler/icons-react";
+import {
+  apiDeleteAktivasiKodeOtpByNomor,
+  apiGetCheckCodeOtp,
+  apiPostVerifikasiCodeOtp,
+} from "../_lib/api_fetch_auth";
 
 export default function Validasi() {
   const router = useRouter();
@@ -35,6 +42,7 @@ export default function Validasi() {
   const [counter, setCounter] = useState(60);
   const [loadingResend, setLoadingResend] = useState(false);
   const [triggerOtp, setTriggerOtp] = useState(false);
+  const [idCode, setIdCode] = useState("");
 
   const [data, setData] = useState({
     nomor: "",
@@ -61,20 +69,26 @@ export default function Validasi() {
   }, [triggerOtp]);
 
   async function onCheckAuthCode({ kodeId }: { kodeId: string }) {
-    const res = await fetch(`/api/auth/check?id=${kodeId}`);
+    try {
-    const result = await res.json();
+      const respone = await apiGetCheckCodeOtp({ id: kodeId });
 
-    setData({
+      if (respone) {
-      nomor: result.nomor,
+        setIdCode(kodeId);
-      code: result.otp,
+        setData({
-    });
+          nomor: respone.nomor,
+          code: respone.otp,
+        });
+      }
+    } catch (error) {
+      clientLogger.error("Error onCheckAuthCode:", error);
+    }
   }
 
   useEffect(() => {
     counter > 0 && setTimeout(() => setCounter(counter - 1), 1000);
   }, [counter]);
 
-  async function onVerifikasi() {
+  async function onSubmitVerifikasi() {
     if (!inputCode)
       return ComponentGlobal_NotifikasiPeringatan("Lengkapi Kode");
     if (data.code != inputCode)
@@ -82,65 +96,51 @@ export default function Validasi() {
 
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/validasi", {
+      const respone = await apiPostVerifikasiCodeOtp({ nomor: data.nomor });
-        method: "POST",
-        body: JSON.stringify({
-          nomor: data.nomor,
-        }),
-      });
 
-      const result = await res.json();
+      if (respone && respone.success == true) {
+        if (respone.roleId == "1") {
+          router.push("/login", { scroll: false });
+          ComponentGlobal_NotifikasiBerhasil(respone.message);
+        } else if (respone.roleId != "1") {
+          router.push(RouterAdminDashboard.splash_admin, { scroll: false });
+          ComponentGlobal_NotifikasiBerhasil("Admin berhasil login");
+        }
 
-      if (res.status === 200 && result.roleId == "1") {
+        try {
-        ComponentGlobal_NotifikasiBerhasil(result.message);
+          const responeDelete = await apiDeleteAktivasiKodeOtpByNomor({
-        localStorage.removeItem("hipmi_auth_code_id");
+            id: idCode,
-        await auth_funDeleteAktivasiKodeOtpByNomor({
+          });
-          nomor: data.nomor,
-        });
 
-        router.push(RouterHome.main_home, { scroll: false });
+          if (responeDelete) {
-        return;
+            localStorage.removeItem("hipmi_auth_code_id");
-      }
+          }
-
+        } catch (error) {
-      if (res.status === 200 && result.roleId != "1") {
+          clientLogger.error("Error apiDeleteAktivasiKodeOtpByNomor:", error);
-        ComponentGlobal_NotifikasiBerhasil("Admin Logged in");
+        }
-        localStorage.removeItem("hipmi_auth_code_id");
+      } else if (respone && respone.success == false) {
-        await auth_funDeleteAktivasiKodeOtpByNomor({
-          nomor: data.nomor,
-        });
-
-        router.push(RouterAdminDashboard.splash_admin, { scroll: false });
-        return;
-      }
-
-      if (res.status === 404) {
-        setLoading(false);
         router.push("/register", { scroll: false });
-        ComponentGlobal_NotifikasiBerhasil(result.message);
+        ComponentGlobal_NotifikasiBerhasil(respone.message);
-        return;
-      }
-
-      if (res.status === 400) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
-        return;
-      }
-
-      if (res.status == 500) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiGagal(result.message);
-        return;
       }
     } catch (error) {
       setLoading(false);
       clientLogger.error("Error validasi:", error);
-    } 
+    }
   }
 
   async function onBack() {
-    localStorage.removeItem("hipmi_auth_code_id");
+    try {
-    await auth_funDeleteAktivasiKodeOtpByNomor({ nomor: data.nomor });
+      router.back();
-    router.back();
+      const responeDelete = await apiDeleteAktivasiKodeOtpByNomor({
+        id: idCode,
+      });
+
+      if (responeDelete) {
+        localStorage.removeItem("hipmi_auth_code_id");
+      }
+    } catch (error) {
+      clientLogger.error("Error apiDeleteAktivasiKodeOtpByNomor:", error);
+    }
   }
 
   async function onResendCode() {
@@ -164,25 +164,22 @@ export default function Validasi() {
         setTriggerOtp(true);
         setCounter(60);
         setLoadingResend(false);
-        //  router.push("/validasi", { scroll: false });
       } else {
         setLoadingResend(false);
         ComponentGlobal_NotifikasiPeringatan(result.message);
       }
     } catch (error) {
-      console.error(error);
+      clientLogger.error(" Error onResend", error);
       setLoadingResend(false);
       ComponentGlobal_NotifikasiGagal("Terjadi Kesalahan");
     }
   }
 
-  // console.log(data.code);
-
   return (
     <>
       <UIGlobal_LayoutDefault>
         <Stack h={"100vh"}>
-          {/* <Box
+          <Box
             pt={"md"}
             px={"md"}
             style={{
@@ -191,55 +188,62 @@ export default function Validasi() {
             }}
           >
             <ActionIcon variant="transparent" onClick={() => onBack()}>
-              <IconChevronLeft color="white" />
+              {data && data.nomor !== "" ? (
+                <IconChevronLeft color="white" />
+              ) : (
+                ""
+              )}
             </ActionIcon>
-          </Box> */}
+          </Box>
-          {data.nomor == "" && data.code == "" ? (
-            <Validasi_SkeletonView />
-          ) : (
-            <Stack align="center" justify="center" h={"100vh"} spacing={50}>
-              <Title order={2} color={MainColor.yellow}>
-                Verifikasi Kode OTP
-              </Title>
 
-              <Stack spacing={"md"} align="center">
+          <Stack align="center" justify="center" h={"100vh"} spacing={50}>
-                <Stack spacing={0} align="center">
+            <Title order={2} color={MainColor.yellow}>
-                  <Text c={MainColor.white}>Masukan 4 digit kode otp</Text>
+              Verifikasi Kode OTP
-                  <Text c={MainColor.white}>
+            </Title>
-                    Yang dikirim ke{" "}
+
-                    <Text span inherit fw={"bold"}>
+            <Stack spacing={"md"} align="center">
-                      {" "}
+              <Stack spacing={0} align="center">
+                <Text c={MainColor.white}>Masukan 4 digit kode otp</Text>
+                <Group position="center" spacing={"xs"}>
+                  <Text c={MainColor.white}>Yang dikirim ke</Text>
+                  {data && data.nomor !== "" ? (
+                    <Text fw={"bold"} c={MainColor.white}>
                       +{data.nomor}
                     </Text>
-                  </Text>
+                  ) : (
-                </Stack>
+                    <CustomSkeleton height={15} radius={"xl"} width={150} />
-                <Center>
+                  )}
-                  <PinInput
+                </Group>
-                    size="xl"
+              </Stack>
-                    type={"number"}
+              <Center>
-                    ref={focusTrapRef}
+                <PinInput
-                    spacing={"md"}
+                  size="xl"
-                    mt={"md"}
+                  type={"number"}
-                    styles={{ input: { backgroundColor: MainColor.white } }}
+                  ref={focusTrapRef}
-                    onChange={(val) => {
+                  spacing={"md"}
-                      setInputOtp(val);
+                  mt={"md"}
-                    }}
+                  styles={{ input: { backgroundColor: MainColor.white } }}
-                  />
+                  onChange={(val) => {
-                </Center>
+                    setInputOtp(val);
+                  }}
+                />
+              </Center>
 
-                <Stack h={"5vh"} align="center" justify="center">
+              <Stack h={"5vh"} align="center" justify="center">
+                <Group position="center">
                   <Text fs="italic" c={MainColor.white}>
                     Tidak menerima kode ?{" "}
-                    {counter > 0 ? (
+                  </Text>
-                      <Text fw={"bold"} inherit span>
+                  {data && data.nomor !== "" ? (
+                    counter > 0 ? (
+                      <Text fw={"bold"} c={MainColor.white}>
                         {counter + "s"}
                       </Text>
                     ) : loadingResend ? (
                       <Loader ml={"sm"} size={"xs"} color="yellow" />
                     ) : (
                       <Text
-                        inherit
+                        c={MainColor.white}
-                        span
                         onClick={() => {
                           onResendCode();
                         }}
@@ -247,31 +251,36 @@ export default function Validasi() {
                       >
                         Kirim ulang
                       </Text>
-                    )}
+                    )
-                  </Text>
+                  ) : (
-                </Stack>
+                    <CustomSkeleton height={20} radius={"xl"} width={20} />
+                  )}
+                </Group>
               </Stack>
-              <Button
-                w={300}
-                loading={loading ? true : false}
-                loaderPosition="center"
-                radius={"md"}
-                compact
-                h={40}
-                c={"black"}
-                bg={MainColor.yellow}
-                color={"yellow"}
-                style={{
-                  borderColor: AccentColor.yellow,
-                }}
-                onClick={() => {
-                  onVerifikasi();
-                }}
-              >
-                <Text>VERIFIKASI</Text>
-              </Button>
             </Stack>
-          )}
+            <Button
+              w={300}
+              disabled={inputCode.length < 4 ? true : false}
+              style={{
+                transition: "all ease 0.3s",
+              }}
+              loading={loading ? true : false}
+              loaderPosition="center"
+              radius={"md"}
+              compact
+              h={40}
+              c={"black"}
+              bg={MainColor.yellow}
+              color={"yellow"}
+              onClick={() => {
+                data.nomor == "" && data.code == ""
+                  ? null
+                  : onSubmitVerifikasi();
+              }}
+            >
+              <Text>VERIFIKASI</Text>
+            </Button>
+          </Stack>
         </Stack>
       </UIGlobal_LayoutDefault>
     </>

src/app_modules/event/component/detail/comp_box_sponsor.tsx

@@ -1,9 +1,10 @@
-import { RouterEvent } from '@/app/lib/router_hipmi/router_event';
+import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
-import { AccentColor, MainColor } from '@/app_modules/_global/color';
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
-import { ActionIcon, Flex, Loader, Paper, Text } from '@mantine/core';
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
-import { IconStar } from '@tabler/icons-react';
+import { ActionIcon, Flex, Loader, Paper, Text } from "@mantine/core";
-import { useParams, useRouter } from 'next/navigation';
+import { IconStar } from "@tabler/icons-react";
-import { useState } from 'react';
+import { useParams, useRouter } from "next/navigation";
+import { useState } from "react";
 
 function Event_ComponentBoxDaftarSponsor() {
   const router = useRouter();
@@ -20,11 +21,11 @@ function Event_ComponentBoxDaftarSponsor() {
           color: "white",
         }}
         onClick={() => {
-          setLoading(true);
+          // setLoading(true);
-          router.push(RouterEvent.daftar_sponsor({ id: params.id }), {
+          // router.push(RouterEvent.daftar_sponsor({ id: params.id }), {
-            scroll: false,
+          //   scroll: false,
-          });
+          // });
-          // router.push(RouterInvestasi_OLD.detail_dokumen + investasiId, { scroll: false });
+          ComponentGlobal_NotifikasiPeringatan("Fitur belum tersedia");
         }}
       >
         <Flex direction={"column"} align={"center"} justify={"center"}>

src/app_modules/home/component/body_home.tsx

@@ -3,10 +3,10 @@ import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { clientLogger } from "@/util/clientLogger";
 import {
   ActionIcon,
   Box,
-  Flex,
   Grid,
   Group,
   Image,
@@ -22,40 +22,20 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { apiGetDataHome } from "../fun/get/api_home";
 import { listMenuHomeBody, menuHomeJob } from "./list_menu_home";
-import { clientLogger } from "@/util/clientLogger";
 
-export default function BodyHome() {
+export default function BodyHome({ dataUser }: { dataUser: any | null }) {
   const router = useRouter();
-  const [dataUser, setDataUser] = useState<any | null>(null);
   const [dataJob, setDataJob] = useState<any[] | null>(null);
   const [loadingJob, setLoadingJob] = useState(true);
   const [loading, setLoading] = useState(true);
 
   useShallowEffect(() => {
-    cekUserLogin();
     getHomeJob();
   }, []);
 
-  async function cekUserLogin() {
-    try {
-      const response = await apiGetDataHome({
-        path: "?cat=cek_profile",
-      });
-
-      if (response) {
-        setDataUser(response.data);
-      }
-    } catch (error) {
-      clientLogger.error("Error get data profile", error);
-    } 
-  }
-
-
-
   async function getHomeJob() {
     try {
       setLoadingJob(true);
-
       const response = await apiGetDataHome({
         path: "?cat=job",
       });
@@ -101,21 +81,14 @@ export default function BodyHome() {
                 border: `2px solid ${AccentColor.blue}`,
               }}
               onClick={() => {
-                if (dataUser == null) {
+                if (!dataUser) {
                   return null;
-                } else if (
+                } else if (dataUser.profile === undefined) {
-                  Object.keys(dataUser).length == 0 ||
-                  dataJob?.length == null
-                ) {
                   router.push(RouterProfile.create, { scroll: false });
+                } else if (e.link == "") {
+                  ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
                 } else {
-                  if (e.link == "") {
+                  router.push(e.link, { scroll: false });
-                    return ComponentGlobal_NotifikasiPeringatan(
-                      "Cooming Soon !!"
-                    );
-                  } else {
-                    router.push(e.link, { scroll: false });
-                  }
                 }
               }}
             >
@@ -147,21 +120,14 @@ export default function BodyHome() {
         >
           <Stack
             onClick={() => {
-              if (dataUser == null) {
+              if (!dataUser) {
                 return null;
-              } else if (
+              } else if (dataUser.profile === undefined) {
-                Object.keys(dataUser).length == 0 ||
-                dataJob?.length == null
-              ) {
                 router.push(RouterProfile.create, { scroll: false });
+              } else if (menuHomeJob.link == "") {
+                ComponentGlobal_NotifikasiPeringatan("Cooming Soon ");
               } else {
-                if (menuHomeJob.link == "") {
+                router.push(menuHomeJob.link, { scroll: false });
-                  return ComponentGlobal_NotifikasiPeringatan(
-                    "Cooming Soon !!"
-                  );
-                } else {
-                  return router.push(menuHomeJob.link, { scroll: false });
-                }
               }
             }}
           >

src/app_modules/home/component/footer_home.tsx

@@ -1,6 +1,8 @@
 import { APIs } from "@/app/lib";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import { MainColor } from "@/app_modules/_global/color";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import {
   ActionIcon,
   Box,
@@ -9,37 +11,14 @@ import {
   Stack,
   Text,
 } from "@mantine/core";
-import { useShallowEffect } from "@mantine/hooks";
-import { IconUserCircle } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { apiGetDataHome } from "../fun/get/api_home";
 import { Home_ComponentAvatarProfile } from "./comp_avatar_profile";
 import { listMenuHomeFooter } from "./list_menu_home";
-import { MainColor } from "@/app_modules/_global/color";
+import { IconUser } from "@tabler/icons-react";
-import { clientLogger } from "@/util/clientLogger";
+import { IconUserCircle } from "@tabler/icons-react";
-import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
-export default function FooterHome() {
+export default function FooterHome({ dataUser }: { dataUser: any | null }) {
   const router = useRouter();
-  const [dataUser, setDataUser] = useState<any | null>(null);
-
-  useShallowEffect(() => {
-    cekUserLogin();
-  }, []);
-
-  async function cekUserLogin() {
-    try {
-      const response = await apiGetDataHome({
-        path: "?cat=cek_profile",
-      });
-      if (response) {
-        setDataUser(response.data);
-      }
-    } catch (error) {
-      clientLogger.error("Error get data profile", error);
-    }
-  }
 
   return (
     <Box
@@ -51,95 +30,81 @@ export default function FooterHome() {
       bottom={0}
       h={"9vh"}
     >
-      {dataUser == null ? (
+      <SimpleGrid cols={listMenuHomeFooter.length + 1}>
-        <SimpleGrid cols={4}>
+        {listMenuHomeFooter.map((e) => (
-          {Array.from(new Array(4)).map((_, i) => (
+          <Center h={"9vh"} key={e.id}>
-            <Center h={"9vh"} key={i}>
-              <Stack align="center">
-                <CustomSkeleton radius={"lg"} height={40} w={40} />
-              </Stack>
-            </Center>
-          ))}
-        </SimpleGrid>
-      ) : (
-        <SimpleGrid cols={listMenuHomeFooter.length + 1}>
-          {listMenuHomeFooter.map((e) => (
-            <Center h={"9vh"} key={e.id}>
-              <Stack
-                align="center"
-                spacing={0}
-                onClick={() => {
-                  if (dataUser == null) {
-                    return null;
-                  } else if (Object.keys(dataUser).length === 0) {
-                    router.push(RouterProfile.create, { scroll: false });
-                  } else {
-                    if (e.link == "") {
-                      ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
-                    } else {
-                      router.push(e.link, { scroll: false });
-                    }
-                  }
-                }}
-              >
-                <ActionIcon
-                  radius={"xl"}
-                  c={e.link === "" ? "gray" : MainColor.white}
-                  variant="transparent"
-                >
-                  {e.icon}
-                </ActionIcon>
-                <Text
-                  lineClamp={1}
-                  c={e.link === "" ? "gray" : MainColor.white}
-                  fz={12}
-                >
-                  {e.name}
-                </Text>
-              </Stack>
-            </Center>
-          ))}
-
-          <Center h={"9vh"}>
             <Stack
               align="center"
-              spacing={2}
+              spacing={0}
               onClick={() => {
-                if (
+                if (!dataUser) {
-                  dataUser.profile === undefined ||
+                  return null;
-                  dataUser?.profile === null
+                } else if (dataUser.profile === undefined) {
-                ) {
                   router.push(RouterProfile.create, { scroll: false });
+                } else if (e.link == "") {
+                  ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
                 } else {
+                  router.push(e.link, { scroll: false });
+                }
+              }}
+            >
+              <ActionIcon
+                radius={"xl"}
+                c={e.link === "" ? "gray" : MainColor.white}
+                variant="transparent"
+              >
+                {e.icon}
+              </ActionIcon>
+              <Text
+                lineClamp={1}
+                c={e.link === "" ? "gray" : MainColor.white}
+                fz={12}
+              >
+                {e.name}
+              </Text>
+            </Stack>
+          </Center>
+        ))}
+
+        <Center h={"9vh"}>
+          <Stack align="center" spacing={2}>
+            {!dataUser ? (
+              <CustomSkeleton height={25} width={25} radius={"xl"} />
+            ) : dataUser.profile === undefined ? (
+              <ActionIcon
+                variant={"transparent"}
+                onClick={() =>
+                  router.push(RouterProfile.create, { scroll: false })
+                }
+              >
+                <IconUserCircle color="white" />
+              </ActionIcon>
+            ) : (
+              <ActionIcon
+                variant={"transparent"}
+                onClick={() => {
                   router.push(
                     RouterProfile.katalogOLD + `${dataUser?.profile}`,
                     {
                       scroll: false,
                     }
                   );
-                }
+                }}
-              }}
+              >
-            >
+                <Home_ComponentAvatarProfile
-              <ActionIcon variant={"transparent"}>
+                  url={APIs.GET({
-                {dataUser.profile === undefined ||
+                    fileId: dataUser?.imageId as string,
-                dataUser?.profile === null ? (
+                    size: "50",
-                  <IconUserCircle color={MainColor.white} />
+                  })}
-                ) : (
+                />
-                  <Home_ComponentAvatarProfile
-                    url={APIs.GET({
-                      fileId: dataUser?.imageId as string,
-                      size: "50",
-                    })}
-                  />
-                )}
               </ActionIcon>
-              <Text fz={10} c={MainColor.white}>
+            )}
-                Profile
+            <Text fz={10} c={MainColor.white}>
-              </Text>
+              Profile
-            </Stack>
+            </Text>
-          </Center>
+          </Stack>
-        </SimpleGrid>
+        </Center>
-      )}
+      </SimpleGrid>
     </Box>
   );
 }

src/app_modules/home/view_home_new.tsx

@@ -1,9 +1,11 @@
 "use client";
 import { API_RouteNotifikasi } from "@/app/lib/api_user_router/route_api_notifikasi";
 import { gs_count_ntf, gs_user_ntf } from "@/app/lib/global_state";
+import global_limit from "@/app/lib/limit";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { RouterNotifikasi } from "@/app/lib/router_hipmi/router_notifikasi";
 import { RouterUserSearch } from "@/app/lib/router_hipmi/router_user_search";
+import { clientLogger } from "@/util/clientLogger";
 import { ActionIcon, Indicator, Text } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { IconBell, IconUserSearch } from "@tabler/icons-react";
@@ -17,8 +19,6 @@ import { gs_notifikasi_kategori_app } from "../notifikasi/lib";
 import BodyHome from "./component/body_home";
 import FooterHome from "./component/footer_home";
 import { apiGetDataHome } from "./fun/get/api_home";
-import { clientLogger } from "@/util/clientLogger";
-import CustomSkeleton from "../components/CustomSkeleton";
 
 export default function HomeViewNew() {
   const [countNtf, setCountNtf] = useAtom(gs_count_ntf);
@@ -27,10 +27,6 @@ export default function HomeViewNew() {
   const [categoryPage, setCategoryPage] = useAtom(gs_notifikasi_kategori_app);
   const router = useRouter();
 
-  useShallowEffect(() => {
-    onLoadNotifikasi();
-  }, []);
-
   useShallowEffect(() => {
     if (countNtf != null) {
       setCountNtf(countNtf + newUserNtf);
@@ -38,15 +34,32 @@ export default function HomeViewNew() {
     }
   }, [newUserNtf, countNtf]);
 
-  async function onLoadNotifikasi() {
+  useShallowEffect(() => {
-    const loadNotif = await fetch(API_RouteNotifikasi.get_count_by_id());
+    hanlderLoadData();
-    const data = await loadNotif.json().then((res) => res.data);
+  }, []);
-    setCountNtf(data);
+
+  async function hanlderLoadData() {
+    try {
+      const listLoadData = [
+        global_limit(() => onLoadNotifikasi()),
+        global_limit(() => cekUserLogin()),
+      ];
+
+      await Promise.all(listLoadData);
+    } catch (error) {
+      clientLogger.error("Error handler load data", error);
+    }
   }
 
-  useShallowEffect(() => {
+  async function onLoadNotifikasi() {
-    cekUserLogin();
+    try {
-  }, []);
+      const loadNotif = await fetch(API_RouteNotifikasi.get_count_by_id());
+      const data = await loadNotif.json().then((res) => res.data);
+      setCountNtf(data);
+    } catch (error) {
+      clientLogger.error("Error load notifikasi", error);
+    }
+  }
 
   async function cekUserLogin() {
     try {
@@ -68,22 +81,26 @@ export default function HomeViewNew() {
           <UIGlobal_LayoutHeaderTamplate
             title="HIPMI"
             customButtonLeft={
-              dataUser == null ? (
+              !dataUser && !countNtf ? (
-                <CustomSkeleton width={20} height={20} circle />
+                <ActionIcon radius={"xl"} variant={"transparent"}>
+                  <IconUserSearch color={MainColor.white} />
+                </ActionIcon>
+              ) : dataUser.profile === undefined ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant={"transparent"}
+                  onClick={() => {
+                    router.push(RouterProfile.create, { scroll: false });
+                  }}
+                >
+                  <IconUserSearch color={MainColor.white} />
+                </ActionIcon>
               ) : (
                 <ActionIcon
                   radius={"xl"}
-                  disabled={countNtf == null}
                   variant={"transparent"}
                   onClick={() => {
-                    if (
+                    router.push(RouterUserSearch.main, { scroll: false });
-                      dataUser.profile != undefined ||
-                      dataUser?.profile != null
-                    ) {
-                      router.push(RouterUserSearch.main, { scroll: false });
-                    } else {
-                      router.push(RouterProfile.create, { scroll: false });
-                    }
                   }}
                 >
                   <IconUserSearch color={MainColor.white} />
@@ -91,27 +108,32 @@ export default function HomeViewNew() {
               )
             }
             customButtonRight={
-              dataUser == null ? (
+              !dataUser && !countNtf ? (
-                <CustomSkeleton width={20} height={20} circle />
+                <ActionIcon radius={"xl"} variant={"transparent"}>
+                  <IconBell color={MainColor.white} />
+                </ActionIcon>
+              ) : dataUser.profile === undefined ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant={"transparent"}
+                  onClick={() => {
+                    router.push(RouterProfile.create, { scroll: false });
+                  }}
+                >
+                  <IconBell color={MainColor.white} />
+                </ActionIcon>
               ) : (
                 <ActionIcon
                   variant="transparent"
                   disabled={countNtf == null}
                   onClick={() => {
-                    if (
+                    setCategoryPage("Semua");
-                      dataUser.profile != undefined ||
+                    router.push(
-                      dataUser?.profile != null
+                      RouterNotifikasi.categoryApp({ name: "semua" }),
-                    ) {
+                      {
-                      setCategoryPage("Semua");
+                        scroll: false,
-                      router.push(
+                      }
-                        RouterNotifikasi.categoryApp({ name: "semua" }),
+                    );
-                        {
-                          scroll: false,
-                        }
-                      );
-                    } else {
-                      router.push(RouterProfile.create, { scroll: false });
-                    }
                   }}
                 >
                   {countNtf != null && countNtf > 0 ? (
@@ -134,9 +156,9 @@ export default function HomeViewNew() {
             }
           />
         }
-        footer={<FooterHome />}
+        footer={<FooterHome dataUser={dataUser} />}
       >
-        <BodyHome />
+        <BodyHome dataUser={dataUser} />
       </UIGlobal_LayoutTamplate>
     </>
   );

src/middleware.ts

@@ -32,19 +32,18 @@ const middlewareConfig: MiddlewareConfig = {
     "/api/auth/*",
     "/api/origin-url",
     "/api/event/*",
-    "/api/master/*",
+    // "/api/master/*",
     // "/api/image/*",
     // "/api/user/*",
     // "/api/new/*",
     // ADMIN API
     // "/api/admin/event/*",
     // "/api/admin/investasi/*",
-    // "/api/admin/donasi/dashboard/*",
+    "/api/admin/donasi/*",
     // "/api/admin/voting/dashboard/*",
     // "/api/admin/job/dashboard/*",
     // "/api/admin/forum/dashboard/*",
 
-
     // Akses awal
     "/api/get-cookie",
     "/api/user/activation",
@@ -77,134 +76,142 @@ export const middleware = async (req: NextRequest) => {
     apiPath,
     encodedKey,
     loginPath,
-    // validasiPath,
-    // registarasiPath,
     publicRoutes,
     sessionKey,
     validationApiRoute,
     userPath,
   } = middlewareConfig;
+
   const { pathname } = req.nextUrl;
 
-  // CORS handling
+  // Handle CORS
   const corsResponse = handleCors(req);
   if (corsResponse) {
-    return setCorsHeaders(corsResponse);
+    return corsResponse;
   }
 
-  // Skip authentication for public routes
+  // Check if route is public
-  const isPublicRoute = [
+  const isPublicRoute = isRoutePublic(pathname, publicRoutes, loginPath);
-    ...publicRoutes,
+  if (isPublicRoute && pathname !== loginPath) {
-    loginPath,
-    // validasiPath,
-    // registarasiPath,
-  ].some((route) => {
-    const pattern = route.replace(/\*/g, ".*");
-    return new RegExp(`^${pattern}$`).test(pathname);
-  });
-
-  // Always protect validation endpoint
-  if (pathname === validationApiRoute) {
-    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
-    if (!reqToken) {
-      return setCorsHeaders(unauthorizedResponse());
-    }
-  }
-
-  if (
-    isPublicRoute &&
-    pathname !== loginPath
-    // &&
-    // pathname !== validasiPath &&
-    // pathname !== registarasiPath
-  ) {
     return setCorsHeaders(NextResponse.next());
   }
 
-  const token =
+  // Get token from cookies or Authorization header
-    req.cookies.get(sessionKey)?.value ||
+  const token = getToken(req, sessionKey);
-    req.headers.get("Authorization")?.split(" ")[1];
 
-  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
+  // Verify token and get user data
-  // Token verification
   const user = await verifyToken({ token, encodedKey });
 
   // Handle login page access
   if (pathname === loginPath) {
     if (user) {
-      return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+      const response = NextResponse.redirect(new URL(userPath, req.url));
+      // Preserve token in cookie when redirecting
+      if (token) {
+        response.cookies.set(sessionKey, token, {
+          httpOnly: true,
+          secure: process.env.NODE_ENV === "production",
+          sameSite: "lax",
+          path: "/",
+        });
+      }
+      return setCorsHeaders(response);
     }
     return setCorsHeaders(NextResponse.next());
   }
 
-  // // Handle validation page access
+  // Redirect to login if no user found
-  // if (pathname === validasiPath) {
-  //   if (user) {
-  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
-  //   }
-  //   return setCorsHeaders(NextResponse.next());
-  // }
-
-  // // Handle register page access
-  // if (pathname === registarasiPath) {
-  //   if (user) {
-  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
-  //   }
-  //   return setCorsHeaders(NextResponse.next());
-  // }
-
-  // Handle protected routes
   if (!user) {
-    return setCorsHeaders(NextResponse.redirect(new URL(loginPath, req.url)));
+    const response = NextResponse.redirect(new URL(loginPath, req.url));
+    // Clear invalid token
+    response.cookies.delete(sessionKey);
+    return setCorsHeaders(response);
   }
-  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
 
+  // Handle /dev routes that require active status
   if (pathname.startsWith("/dev")) {
-    const userValidate = await fetch(new URL("/api/user-validate", req.url), {
+    try {
-      headers: {
+      const userValidate = await fetch(new URL("/api/user-validate", req.url), {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${token}`,
-      },
-    });
-
-    const userValidateJson = await userValidate.json();
-
-    if (!userValidateJson.data.active) {
-      return setCorsHeaders(
-        NextResponse.redirect(new URL("/waiting-room", req.url))
-      );
-    }
-  }
-
-  // Handle authenticated API requests
-  if (pathname.startsWith(apiPath)) {
-    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
-    if (!reqToken) {
-      return setCorsHeaders(unauthorizedResponse());
-    }
-
-    // Validate user access with external API
-    const validationResponse = await fetch(
-      new URL(validationApiRoute, req.url),
-      {
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${reqToken}`,
+          Authorization: `Bearer ${token}`,
         },
-      }
+      });
-    );
 
-    if (!validationResponse.ok) {
+      if (!userValidate.ok) {
+        throw new Error("Failed to validate user");
+      }
+
+      const userValidateJson = await userValidate.json();
+
+      if (!userValidateJson.data.active) {
+        return setCorsHeaders(
+          NextResponse.redirect(new URL("/waiting-room", req.url))
+        );
+      }
+    } catch (error) {
+      console.error("Error validating user:", error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  // Handle API requests
+  if (pathname.startsWith(apiPath)) {
+    if (!token) {
       return setCorsHeaders(unauthorizedResponse());
     }
 
-    const dataJson = await validationResponse.json();
+    try {
+      const validationResponse = await fetch(
+        new URL(validationApiRoute, req.url),
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      );
+
+      if (!validationResponse.ok) {
+        throw new Error("Failed to validate API request");
+      }
+    } catch (error) {
+      console.error("Error validating API request:", error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
   }
 
-  // Proceed with the request
+  const response = NextResponse.next();
-  return setCorsHeaders(NextResponse.next());
+  // Ensure token is preserved in cookie
+  if (token) {
+    response.cookies.set(sessionKey, token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "lax",
+      path: "/",
+    });
+  }
+  return setCorsHeaders(response);
 };
 
+function isRoutePublic(
+  pathname: string,
+  publicRoutes: string[],
+  loginPath: string
+): boolean {
+  return [...publicRoutes, loginPath].some((route) => {
+    const pattern = route.replace(/\*/g, ".*");
+    return new RegExp(`^${pattern}$`).test(pathname);
+  });
+}
+
+function getToken(req: NextRequest, sessionKey: string): string | undefined {
+  return (
+    req.cookies.get(sessionKey)?.value ||
+    req.headers.get("Authorization")?.split(" ")[1]
+  );
+}
+
 function unauthorizedResponse(): NextResponse {
   return new NextResponse(JSON.stringify({ error: "Unauthorized" }), {
     status: 401,
@@ -249,16 +256,6 @@ async function verifyToken({
 }): Promise<Record<string, unknown> | null> {
   if (!token) return null;
 
-  return await decrypt({ token, encodedKey });
-}
-
-async function decrypt({
-  token,
-  encodedKey,
-}: {
-  token: string;
-  encodedKey: string;
-}): Promise<Record<string, any> | null> {
   try {
     const enc = new TextEncoder().encode(encodedKey);
     const { payload } = await jwtVerify(token, enc, {
@@ -266,7 +263,7 @@ async function decrypt({
     });
     return (payload.user as Record<string, any>) || null;
   } catch (error) {
-    console.error("Gagal verifikasi session", error);
+    console.error("Token verification failed:", error);
     return null;
   }
 }
@@ -274,5 +271,3 @@ async function decrypt({
 export const config = {
   matcher: ["/((?!_next|static|favicon.ico|manifest).*)"],
 };
-
-// wibu:0.2.82

src/middleware.v2.back.txt

@@ -0,0 +1,284 @@
+import { NextRequest, NextResponse } from "next/server";
+import { jwtVerify } from "jose";
+import { apies, pages } from "./lib/routes";
+
+type MiddlewareConfig = {
+  apiPath: string;
+  loginPath: string;
+  // validasiPath: string;
+  // registarasiPath: string;
+  userPath: string;
+  publicRoutes: string[];
+  encodedKey: string;
+  sessionKey: string;
+  validationApiRoute: string;
+  log: boolean;
+};
+
+const middlewareConfig: MiddlewareConfig = {
+  apiPath: "/api",
+  loginPath: "/login",
+  // validasiPath: "/validasi",
+  // registarasiPath: "/register",
+  userPath: "/dev/home",
+  publicRoutes: [
+    // API
+    "/",
+    "/api/voting/*",
+    "/api/collaboration/*",
+    "/api/notifikasi/*",
+    "/api/logs/*",
+    "/api/job/*",
+    "/api/auth/*",
+    "/api/origin-url",
+    "/api/event/*",
+    // "/api/master/*",
+    // "/api/image/*",
+    // "/api/user/*",
+    // "/api/new/*",
+    // ADMIN API
+    // "/api/admin/event/*",
+    // "/api/admin/investasi/*",
+    // "/api/admin/donasi/dashboard/*",
+    // "/api/admin/voting/dashboard/*",
+    // "/api/admin/job/dashboard/*",
+    // "/api/admin/forum/dashboard/*",
+
+    // Akses awal
+    "/api/get-cookie",
+    "/api/user/activation",
+    "/api/user-validate",
+
+    // PAGE
+    "/login",
+    "/register",
+    "/validasi",
+    "/splash",
+    "/job-vacancy",
+    "/preview-image",
+    "/auth/login",
+    "/auth/api/login",
+    "/waiting-room",
+    "/zCoba/*",
+
+    // ASSETS
+    "/aset/global/main_background.png",
+    "/aset/logo/logo-hipmi.png",
+  ],
+  encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+  sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+  validationApiRoute: "/api/validation",
+  log: false,
+};
+
+export const middleware = async (req: NextRequest) => {
+  const {
+    apiPath,
+    encodedKey,
+    loginPath,
+    // validasiPath,
+    // registarasiPath,
+    publicRoutes,
+    sessionKey,
+    validationApiRoute,
+    userPath,
+  } = middlewareConfig;
+  const { pathname } = req.nextUrl;
+
+  // CORS handling
+  const corsResponse = handleCors(req);
+  if (corsResponse) {
+    return setCorsHeaders(corsResponse);
+  }
+
+  // Skip authentication for public routes
+  const isPublicRoute = [
+    ...publicRoutes,
+    loginPath,
+    // validasiPath,
+    // registarasiPath,
+  ].some((route) => {
+    const pattern = route.replace(/\*/g, ".*");
+    return new RegExp(`^${pattern}$`).test(pathname);
+  });
+
+  // Always protect validation endpoint
+  if (pathname === validationApiRoute) {
+    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
+    if (!reqToken) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  if (
+    isPublicRoute &&
+    pathname !== loginPath
+    // &&
+    // pathname !== validasiPath &&
+    // pathname !== registarasiPath
+  ) {
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  const token =
+    req.cookies.get(sessionKey)?.value ||
+    req.headers.get("Authorization")?.split(" ")[1];
+
+  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
+  // Token verification
+  const user = await verifyToken({ token, encodedKey });
+  console.log("middlaware console:", user);
+
+  // Handle login page access
+  if (pathname === loginPath) {
+    console.log("cek pathname >>", pathname);
+    if (user) {
+      console.log("sudah login, cek user >>", user);
+      return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+    }
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  if (!user) {
+    return setCorsHeaders(NextResponse.redirect(new URL(loginPath, req.url)));
+  }
+
+  // // Handle validation page access
+  // if (pathname === validasiPath) {
+  //   if (user) {
+  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+  //   }
+  //   return setCorsHeaders(NextResponse.next());
+  // }
+
+  // // Handle register page access
+  // if (pathname === registarasiPath) {
+  //   if (user) {
+  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+  //   }
+  //   return setCorsHeaders(NextResponse.next());
+  // }
+
+  // Handle protected routes
+  // if (!user) {
+  //   return setCorsHeaders(NextResponse.redirect(new URL(loginPath, req.url)));
+  // }
+  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
+
+  if (pathname.startsWith("/dev")) {
+    const userValidate = await fetch(new URL("/api/user-validate", req.url), {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    });
+
+    const userValidateJson = await userValidate.json();
+
+    if (!userValidateJson.data.active) {
+      return setCorsHeaders(
+        NextResponse.redirect(new URL("/waiting-room", req.url))
+      );
+    }
+  }
+
+  // Handle authenticated API requests
+  if (pathname.startsWith(apiPath)) {
+    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
+    if (!reqToken) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+
+    // Validate user access with external API
+    const validationResponse = await fetch(
+      new URL(validationApiRoute, req.url),
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${reqToken}`,
+        },
+      }
+    );
+
+    if (!validationResponse.ok) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+
+    const dataJson = await validationResponse.json();
+  }
+
+  // Proceed with the request
+  return setCorsHeaders(NextResponse.next());
+};
+
+function unauthorizedResponse(): NextResponse {
+  return new NextResponse(JSON.stringify({ error: "Unauthorized" }), {
+    status: 401,
+    headers: { "Content-Type": "application/json" },
+  });
+}
+
+function setCorsHeaders(res: NextResponse): NextResponse {
+  res.headers.set("Access-Control-Allow-Origin", "*");
+  res.headers.set(
+    "Access-Control-Allow-Methods",
+    "GET, POST, PUT, DELETE, OPTIONS"
+  );
+  res.headers.set(
+    "Access-Control-Allow-Headers",
+    "Content-Type, Authorization"
+  );
+  return res;
+}
+
+function handleCors(req: NextRequest): NextResponse | null {
+  if (req.method === "OPTIONS") {
+    return new NextResponse(null, {
+      status: 204,
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type, Authorization",
+        "Access-Control-Max-Age": "86400",
+      },
+    });
+  }
+  return null;
+}
+
+async function verifyToken({
+  token,
+  encodedKey,
+}: {
+  token: string | undefined;
+  encodedKey: string;
+}): Promise<Record<string, unknown> | null> {
+  if (!token) return null;
+
+  return await decrypt({ token, encodedKey });
+}
+
+async function decrypt({
+  token,
+  encodedKey,
+}: {
+  token: string;
+  encodedKey: string;
+}): Promise<Record<string, any> | null> {
+  try {
+    const enc = new TextEncoder().encode(encodedKey);
+    const { payload } = await jwtVerify(token, enc, {
+      algorithms: ["HS256"],
+    });
+    return (payload.user as Record<string, any>) || null;
+  } catch (error) {
+    console.error("Gagal verifikasi session", error);
+    return null;
+  }
+}
+
+export const config = {
+  matcher: ["/((?!_next|static|favicon.ico|manifest).*)"],
+};
+
+// wibu:0.2.82

src/middleware.v3.back.txt

@@ -0,0 +1,244 @@
+import { NextRequest, NextResponse } from "next/server";
+import { jwtVerify } from "jose";
+
+type MiddlewareConfig = {
+  apiPath: string;
+  loginPath: string;
+  userPath: string;
+  publicRoutes: string[];
+  encodedKey: string;
+  sessionKey: string;
+  validationApiRoute: string;
+  log: boolean;
+};
+
+const middlewareConfig: MiddlewareConfig = {
+  apiPath: "/api",
+  loginPath: "/login",
+  userPath: "/dev/home",
+  publicRoutes: [
+    "/",
+    "/api/voting/*",
+    "/api/collaboration/*",
+    "/api/notifikasi/*",
+    "/api/logs/*",
+    "/api/job/*",
+    "/api/auth/*",
+    "/api/origin-url",
+    "/api/event/*",
+    "/api/get-cookie",
+    "/api/user/activation",
+    "/api/user-validate",
+    "/login",
+    "/register",
+    "/validasi",
+    "/splash",
+    "/job-vacancy",
+    "/preview-image",
+    "/auth/login",
+    "/auth/api/login",
+    "/waiting-room",
+    "/zCoba/*",
+    "/aset/global/main_background.png",
+    "/aset/logo/logo-hipmi.png",
+  ],
+  encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+  sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+  validationApiRoute: "/api/validation",
+  log: false,
+};
+
+export const middleware = async (req: NextRequest) => {
+  const {
+    apiPath,
+    encodedKey,
+    loginPath,
+    publicRoutes,
+    sessionKey,
+    validationApiRoute,
+    userPath,
+  } = middlewareConfig;
+  
+  const { pathname } = req.nextUrl;
+
+  // Handle CORS
+  const corsResponse = handleCors(req);
+  if (corsResponse) {
+    return corsResponse;
+  }
+
+  // Check if route is public
+  const isPublicRoute = isRoutePublic(pathname, publicRoutes, loginPath);
+  if (isPublicRoute && pathname !== loginPath) {
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  // Get token from cookies or Authorization header
+  const token = getToken(req, sessionKey);
+
+  // Verify token and get user data
+  const user = await verifyToken({ token, encodedKey });
+
+  // Handle login page access
+  if (pathname === loginPath) {
+    if (user) {
+      const response = NextResponse.redirect(new URL(userPath, req.url));
+      // Preserve token in cookie when redirecting
+      if (token) {
+        response.cookies.set(sessionKey, token, {
+          httpOnly: true,
+          secure: process.env.NODE_ENV === 'production',
+          sameSite: 'lax',
+          path: '/'
+        });
+      }
+      return setCorsHeaders(response);
+    }
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  // Redirect to login if no user found
+  if (!user) {
+    const response = NextResponse.redirect(new URL(loginPath, req.url));
+    // Clear invalid token
+    response.cookies.delete(sessionKey);
+    return setCorsHeaders(response);
+  }
+
+  // Handle /dev routes that require active status
+  if (pathname.startsWith("/dev")) {
+    try {
+      const userValidate = await fetch(new URL("/api/user-validate", req.url), {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${token}`,
+        },
+      });
+
+      if (!userValidate.ok) {
+        throw new Error('Failed to validate user');
+      }
+
+      const userValidateJson = await userValidate.json();
+
+      if (!userValidateJson.data.active) {
+        return setCorsHeaders(
+          NextResponse.redirect(new URL("/waiting-room", req.url))
+        );
+      }
+    } catch (error) {
+      console.error('Error validating user:', error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  // Handle API requests
+  if (pathname.startsWith(apiPath)) {
+    if (!token) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+
+    try {
+      const validationResponse = await fetch(
+        new URL(validationApiRoute, req.url),
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      );
+
+      if (!validationResponse.ok) {
+        throw new Error('Failed to validate API request');
+      }
+    } catch (error) {
+      console.error('Error validating API request:', error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  const response = NextResponse.next();
+  // Ensure token is preserved in cookie
+  if (token) {
+    response.cookies.set(sessionKey, token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      path: '/'
+    });
+  }
+  return setCorsHeaders(response);
+};
+
+function isRoutePublic(pathname: string, publicRoutes: string[], loginPath: string): boolean {
+  return [...publicRoutes, loginPath].some((route) => {
+    const pattern = route.replace(/\*/g, ".*");
+    return new RegExp(`^${pattern}$`).test(pathname);
+  });
+}
+
+function getToken(req: NextRequest, sessionKey: string): string | undefined {
+  return req.cookies.get(sessionKey)?.value ||
+         req.headers.get("Authorization")?.split(" ")[1];
+}
+
+function unauthorizedResponse(): NextResponse {
+  return new NextResponse(JSON.stringify({ error: "Unauthorized" }), {
+    status: 401,
+    headers: { "Content-Type": "application/json" },
+  });
+}
+
+function setCorsHeaders(res: NextResponse): NextResponse {
+  res.headers.set("Access-Control-Allow-Origin", "*");
+  res.headers.set(
+    "Access-Control-Allow-Methods",
+    "GET, POST, PUT, DELETE, OPTIONS"
+  );
+  res.headers.set(
+    "Access-Control-Allow-Headers",
+    "Content-Type, Authorization"
+  );
+  return res;
+}
+
+function handleCors(req: NextRequest): NextResponse | null {
+  if (req.method === "OPTIONS") {
+    return new NextResponse(null, {
+      status: 204,
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type, Authorization",
+        "Access-Control-Max-Age": "86400",
+      },
+    });
+  }
+  return null;
+}
+
+async function verifyToken({
+  token,
+  encodedKey,
+}: {
+  token: string | undefined;
+  encodedKey: string;
+}): Promise<Record<string, unknown> | null> {
+  if (!token) return null;
+
+  try {
+    const enc = new TextEncoder().encode(encodedKey);
+    const { payload } = await jwtVerify(token, enc, {
+      algorithms: ["HS256"],
+    });
+    return (payload.user as Record<string, any>) || null;
+  } catch (error) {
+    console.error("Token verification failed:", error);
+    return null;
+  }
+}
+
+export const config = {
+  matcher: ["/((?!_next|static|favicon.ico|manifest).*)"],
+};

x.sh

@@ -1 +0,0 @@
-# Test sh

xcoba.sh

@@ -1,14 +0,0 @@
-#!/bin/bash
-ffmpeg -f avfoundation \
--i "1:0" \
--s 1280x720 \
--framerate 30 \
--c:v libx264 \
--preset ultrafast \
--tune zerolatency \
--b:v 3000k \
--c:a aac \
--b:a 192k \
--vf "format=uyvy422" \
--f flv "rtmp://192.168.1.243:1935/live/bagas" \
--probesize 10M