# Forum

## feat
- Tampilan forum
- Tampilan forumku
- Tampilan komentar
- Tampilam posting
- Tampilan Detail posting
- Tampilan Edit postinf
- Tampilan edit komentat
- Tampilan report posting
- Tampilan report komentar
### No issuee

src/app/dev/event/main/loading.tsx

@@ -1,9 +1,9 @@
-import ComponentGlobal_LoadingPage from "@/app_modules/component_global/loading_page";
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
 
 export default async function Page() {
-    return (
-      <>
-        <ComponentGlobal_LoadingPage height="100%"/>
-      </>
-    );
-}
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/dev/event/splash/loading.tsx

@@ -1,9 +1,9 @@
-import ComponentGlobal_LoadingPage from "@/app_modules/component_global/loading_page";
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
 
 export default async function Page() {
-    return (
-      <>
-        <ComponentGlobal_LoadingPage height="100vh"/>
-      </>
-    );
-}
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/dev/forum/create/layout.tsx

@@ -0,0 +1,14 @@
+import { LayoutForum_Create } from "@/app_modules/forum";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <LayoutForum_Create>{children}</LayoutForum_Create>
+    </>
+  );
+}

src/app/dev/forum/create/page.tsx

@@ -0,0 +1,9 @@
+import { Forum_Create } from "@/app_modules/forum";
+
+export default async function Page() {
+  return (
+    <>
+      <Forum_Create />
+    </>
+  );
+}

src/app/dev/forum/detail/[id]/layout.tsx

@@ -0,0 +1,14 @@
+import LayoutForum_Detail from "@/app_modules/forum/detail/layout";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <LayoutForum_Detail>{children}</LayoutForum_Detail>
+    </>
+  );
+}

src/app/dev/forum/detail/[id]/loading.tsx

@@ -0,0 +1,9 @@
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+
+export default async function Page() {
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/dev/forum/detail/[id]/page.tsx

@@ -0,0 +1,11 @@
+import Forum_Detail from "@/app_modules/forum/detail";
+
+export default async function Page({params}: {params: {id: string}}) {
+  let forumId = params.id
+
+  return (
+    <>
+      <Forum_Detail forumId={forumId} />
+    </>
+  );
+}

src/app/dev/forum/edit/komentar/[id]/layout.tsx

@@ -0,0 +1,14 @@
+import { LaoyoutForum_EditKomentar } from "@/app_modules/forum";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <LaoyoutForum_EditKomentar>{children}</LaoyoutForum_EditKomentar>
+    </>
+  );
+}

src/app/dev/forum/edit/komentar/[id]/page.tsx

@@ -0,0 +1,10 @@
+import { Forum_EditKomentar } from "@/app_modules/forum";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  let komentarId = params.id;
+  return (
+    <>
+      <Forum_EditKomentar />
+    </>
+  );
+}

src/app/dev/forum/edit/posting/[id]/layout.tsx

@@ -0,0 +1,15 @@
+
+import { LayoutForum_EditPosting } from "@/app_modules/forum";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <LayoutForum_EditPosting>{children}</LayoutForum_EditPosting>
+    </>
+  );
+}

src/app/dev/forum/edit/posting/[id]/page.tsx

@@ -0,0 +1,9 @@
+import { Forum_EditPosting } from "@/app_modules/forum";
+
+export default async function Page() {
+  return (
+    <>
+      <Forum_EditPosting />
+    </>
+  );
+}

src/app/dev/forum/forumku/[id]/layout.tsx

@@ -0,0 +1,21 @@
+import { LayoutForum_Forumku } from "@/app_modules/forum";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+import { user_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const authorId = await User_getUserId();
+  const dataAuthor = await user_getOneById(authorId);
+
+  return (
+    <>
+      <LayoutForum_Forumku username={dataAuthor?.username as any}>
+        {children}
+      </LayoutForum_Forumku>
+    </>
+  );
+}

src/app/dev/forum/forumku/[id]/loading.tsx

@@ -0,0 +1,9 @@
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+
+export default async function Page() {
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/dev/forum/forumku/[id]/page.tsx

@@ -0,0 +1,29 @@
+import { Forum_Forumku } from "@/app_modules/forum";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+import { user_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
+import _ from "lodash";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  const authorId = params.id;
+  const dataAuthor = await user_getOneById(authorId);
+  const auhtorSelectedData = _.omit(dataAuthor, [
+    "Profile.email",
+    "Profile.alamat",
+    "Profile.jenisKelamin",
+    "Profile.createdAt",
+    "Profile.updatedAt",
+    "Profile.imagesBackgroundId",
+  ]);
+  // console.log(dataAuthor)
+  // console.log(auhtorSelectedData)
+
+  // await new Promise((a, b) => {
+  //   setTimeout(a, 1000);
+  // });
+
+  return (
+    <>
+      <Forum_Forumku auhtorSelectedData={auhtorSelectedData as any} />
+    </>
+  );
+}

src/app/dev/forum/komentar/[id]/layout.tsx

@@ -0,0 +1,8 @@
+import { LayoutForum_Komentar } from "@/app_modules/forum";
+import React from "react";
+
+export default async function Layout({children}: {children: React.ReactNode}) {
+    return<>
+    <LayoutForum_Komentar>{children}</LayoutForum_Komentar>
+    </>
+}

src/app/dev/forum/komentar/[id]/page.tsx

@@ -0,0 +1,12 @@
+import { Forum_Komentar } from "@/app_modules/forum";
+
+export default async function Page({params}: {params: {id: string}}) {
+    let forumId = params.id
+    
+
+  return (
+    <>
+      <Forum_Komentar forumId={forumId} />
+    </>
+  );
+}

src/app/dev/forum/main/layout.tsx

@@ -0,0 +1,19 @@
+import { LayoutForum_Main } from "@/app_modules/forum";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+import { user_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const authorId = await User_getUserId();
+  const dataAuthor = await user_getOneById(authorId);
+
+  return (
+    <>
+      <LayoutForum_Main dataAuthor={dataAuthor as any}>{children}</LayoutForum_Main>
+    </>
+  );
+}

src/app/dev/forum/main/loading.tsx

@@ -0,0 +1,9 @@
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+
+export default async function Page() {
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage/>
+    </>
+  );
+}

src/app/dev/forum/main/page.tsx

@@ -0,0 +1,9 @@
+import { Forum_Beranda } from "@/app_modules/forum";
+
+export default async function Page() {
+  return (
+    <>
+      <Forum_Beranda />
+    </>
+  );
+}

src/app/dev/forum/report/komentar/[id]/layout.tsx

@@ -0,0 +1,14 @@
+import { LayoutForum_ReportKomentar } from "@/app_modules/forum";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <LayoutForum_ReportKomentar>{children}</LayoutForum_ReportKomentar>
+    </>
+  );
+}

src/app/dev/forum/report/komentar/[id]/loading.tsx

@@ -0,0 +1,9 @@
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+
+export default async function Page() {
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/dev/forum/report/komentar/[id]/page.tsx

@@ -0,0 +1,8 @@
+import { Forum_ReportKomentar } from "@/app_modules/forum";
+
+export default async function Page({params}: {params: {id: string}}) {
+    let komentarId = params.id
+    return<>
+    <Forum_ReportKomentar id={komentarId}/>
+    </>
+}

src/app/dev/forum/report/posting/[id]/layout.tsx

@@ -0,0 +1,15 @@
+
+import { LayoutForum_ReportPosting } from "@/app_modules/forum";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <LayoutForum_ReportPosting>{children}</LayoutForum_ReportPosting>
+    </>
+  );
+}

src/app/dev/forum/report/posting/[id]/loading.tsx

@@ -0,0 +1,9 @@
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+
+export default async function Page() {
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/dev/forum/report/posting/[id]/page.tsx

@@ -0,0 +1,11 @@
+import { Forum_ReportPosting } from "@/app_modules/forum";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  let id = params.id;
+
+  return (
+    <>
+      <Forum_ReportPosting id={id} />
+    </>
+  );
+}

src/app/dev/forum/splash/page.tsx

@@ -0,0 +1,9 @@
+import { Forum_Splash } from "@/app_modules/forum";
+
+export default async function Page() {
+  return (
+    <>
+      <Forum_Splash />
+    </>
+  );
+}

src/app/dev/home/layout.tsx

@@ -1,11 +1,11 @@
 import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import { HomeLayout } from "@/app_modules/home";
-import { User_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
+import { user_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
 import { redirect } from "next/navigation";
 
 export default async function Layout({ children }: { children: any }) {
   const userId = await User_getUserId();
-  const dataUser = await User_getOneById(userId);
+  const dataUser = await user_getOneById(userId);
 
   return (
     <>

src/app/dev/home/loading.tsx

@@ -1,9 +1,9 @@
-import ComponentGlobal_LoadingPage from "@/app_modules/component_global/loading_page";
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
 
 export default async function Page() {
   return (
     <>
-      <ComponentGlobal_LoadingPage height="100%"/>
+      <ComponentGlobal_V2_LoadingPage />
     </>
   );
 }

src/app/dev/home/page.tsx

@@ -3,11 +3,11 @@ import { cookies } from "next/headers";
 import { unsealData } from "iron-session";
 import _ from "lodash";
 import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
-import { User_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
+import { user_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
 
 export default async function Page() {
   const userId = await User_getUserId();
-  const dataUser = await User_getOneById(userId);
+  const dataUser = await user_getOneById(userId);
   // await new Promise((a, b) => {
   //   setTimeout(a, 1000);
   // });

src/app/dev/katalog/[id]/loading.tsx

@@ -1,10 +1,9 @@
-import ComponentGlobal_LoadingPage from "@/app_modules/component_global/loading_page";
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
 
 export default async function Page() {
-    
   return (
     <>
-      <ComponentGlobal_LoadingPage height="100%" />
+      <ComponentGlobal_V2_LoadingPage />
     </>
   );
 }

src/app/dev/katalog/[id]/page.tsx

@@ -12,13 +12,13 @@ import { funGetListPortofolio } from "@/app_modules/katalog/portofolio/fun/get/g
 import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import { Profile_getOneById } from "@/app_modules/katalog/profile/fun/get/get_one_profile";
 import { Profile_getOneProfileAndUserById } from "@/app_modules/katalog/profile/fun/get/get_one_user_profile";
-import { User_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
+import { user_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
 const config = yaml.parse(fs.readFileSync("config.yaml").toString());
 
 export default async function Page({ params }: { params: { id: string } }) {
   let profileId = params.id;
   const authorId = await User_getUserId();
-  const dataUser = await User_getOneById(authorId)
+  const dataUser = await user_getOneById(authorId)
   const listPorto = await funGetListPortofolio(profileId);
   const dataProfile = await Profile_getOneProfileAndUserById(profileId);
   // console.log(dataProfile)