perbaikan(kolaborasi): memperbaiki bug modul kolaborasi dan tingkatkan komponen UI

Deskripsi:

- Perbaikan endpoint API dan routing kolaborasi
- Pembaruan tampilan grup kolaborasi dan partisipasi proyek
- Peningkatan komponen skeleton loading
- Perbaikan tampilan komponen avatar dan username
- Refaktor layout pembuatan dan detail kolaborasi

src/app/dev/colab/detail/group/[id]/page.tsx

@@ -15,6 +15,8 @@ export default async function Page({ params }: { params: { id: string } }) {
     "ProjectCollaboration",
     "ProjectCollaboration_AnggotaRoomChat",
   ]);
+
+
   let listMsg = await colab_getMessageByRoomId({ roomId: roomId, page: 1 });
   const dataUserLogin = await user_getOneByUserId(userLoginId as string);
 

src/app/dev/colab/detail/info-grup/[id]/page.tsx

@@ -1,14 +1,9 @@
-import prisma from "@/app/lib/prisma";
 import { Colab_DetailInfoGrup } from "@/app_modules/colab";
-import colab_getListAnggotaByRoomId from "@/app_modules/colab/fun/get/room_chat/get_list_anggota_by_room_id";
-
-export default async function Page({ params }: { params: { id: string } }) {
-  let roomId = params.id;
-  const dataRoom = await colab_getListAnggotaByRoomId(roomId);
 
+export default async function Page() {
   return (
     <>
-      <Colab_DetailInfoGrup dataRoom={dataRoom as any} />
+      <Colab_DetailInfoGrup />
     </>
   );
 }

src/app/dev/colab/detail/main_detail/[id]/page.tsx

@@ -1,24 +1,13 @@
 import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
 import { Colab_MainDetail } from "@/app_modules/colab";
-import colab_funCekPartisipasiById from "@/app_modules/colab/fun/get/cek_partisipasi_by_user_id";
-import colab_getListPartisipanByColabId from "@/app_modules/colab/fun/get/get_list_partisipan_by_id";
-import colab_getOneCollaborationById from "@/app_modules/colab/fun/get/get_one_by_id";
 
-export default async function Page({ params }: { params: { id: string } }) {
-  let colabId = params.id;
+export default async function Page() {
   const userLoginId = await funGetUserIdByToken();
 
-  const dataColab = await colab_getOneCollaborationById(colabId);
-  const listPartisipan = await colab_getListPartisipanByColabId(colabId);
-  const cekPartisipan = await colab_funCekPartisipasiById(colabId);
-
   return (
     <>
       <Colab_MainDetail
-        dataColab={{} as any}
         userLoginId={userLoginId as string}
-        listPartisipan={listPartisipan as any}
-        cekPartisipan={cekPartisipan}
       />
     </>
   );

src/app/dev/colab/detail/proyek/partisipasi/[id]/layout.tsx

@@ -3,7 +3,9 @@ import { LayoutColab_DetailPartisipasiProyek } from "@/app_modules/colab";
 export default async function Layout({ children }: { children: any }) {
   return (
     <>
-      <LayoutColab_DetailPartisipasiProyek>{children}</LayoutColab_DetailPartisipasiProyek>
+      <LayoutColab_DetailPartisipasiProyek>
+        {children}
+      </LayoutColab_DetailPartisipasiProyek>
     </>
   );
 }

src/app/dev/colab/detail/proyek/partisipasi/[id]/page.tsx

@@ -1,18 +1,9 @@
 import { Colab_DetailPartisipasiProyek } from "@/app_modules/colab";
-import colab_getListPartisipanByColabId from "@/app_modules/colab/fun/get/get_list_partisipan_by_id";
-import colab_getOneCollaborationById from "@/app_modules/colab/fun/get/get_one_by_id";
-
-export default async function Page({params}: {params: {id: string}}) {
-  const colabId = params.id
-  const dataColab = await colab_getOneCollaborationById(colabId)
-  const listPartisipan = await colab_getListPartisipanByColabId(colabId)
 
+export default async function Page() {
   return (
     <>
-      <Colab_DetailPartisipasiProyek
-        dataColab={dataColab as any}
-        listPartisipan={listPartisipan as any}
-      />
+      <Colab_DetailPartisipasiProyek />
     </>
   );
 }

src/app/dev/colab/detail/proyek/saya/[id]/layout.tsx

@@ -3,19 +3,12 @@ import React from "react";
 
 export default async function Layout({
   children,
-  params,
 }: {
   children: React.ReactNode;
-  params: { id: string };
 }) {
-  let colabId = params.id;
-
-
   return (
     <>
-      <LayoutColab_DetailProyekSaya colabId={colabId}>
-        {children}
-      </LayoutColab_DetailProyekSaya>
+      <LayoutColab_DetailProyekSaya>{children}</LayoutColab_DetailProyekSaya>
     </>
   );
 }

src/app/dev/colab/detail/proyek/saya/[id]/page.tsx

@@ -1,19 +1,9 @@
 import { Colab_DetailProyekSaya } from "@/app_modules/colab";
-import colab_getListPartisipanByColabId from "@/app_modules/colab/fun/get/get_list_partisipan_by_id";
-import colab_getOneCollaborationById from "@/app_modules/colab/fun/get/get_one_by_id";
-
-export default async function Page({ params }: { params: { id: string } }) {
-  const colabId = params.id;
-  const dataColab = await colab_getOneCollaborationById(colabId);
-  const listPartisipan = await colab_getListPartisipanByColabId(colabId);
 
+export default async function Page() {
   return (
     <>
-      {/* <pre>{JSON.stringify(listPartisipan, null,2)}</pre> */}
-      <Colab_DetailProyekSaya
-        dataColab={dataColab as any}
-        listPartisipan={listPartisipan as any}
-      />
+      <Colab_DetailProyekSaya />
     </>
   );
 }