diff --git a/src/app/(application)/project/update-detail/page.tsx b/src/app/(application)/project/update-detail/page.tsx
index 9301a6c..241e2b8 100644
--- a/src/app/(application)/project/update-detail/page.tsx
+++ b/src/app/(application)/project/update-detail/page.tsx
@@ -1,13 +1,19 @@
-import { ViewUpdateProgres } from '@/module/project';
-import FileUploadProgres from '@/module/project/components/file_upload_progres';
-import React from 'react';
+import {
+  DetailCreateUserProject,
+  DetailDateEndTask,
+  ViewUpdateProgres,
+} from "@/module/project";
+import FileUploadProgres from "@/module/project/components/detail_project/file_upload_progres";
+
+import React from "react";
 
 function Page({ searchParams }: { searchParams: any }) {
-  if (searchParams.page == "upload-progres")
-    return <FileUploadProgres />
+  if (searchParams.page == "upload-progres") return <FileUploadProgres />;
+  if (searchParams.page == "detail-create-user")
+    return <DetailCreateUserProject />;
+  if (searchParams.page == "detail-date-task") return <DetailDateEndTask />;
 
-
-  return <ViewUpdateProgres  />
+  return <ViewUpdateProgres searchParams={ searchParams} />;
 }
 
 export default Page;
diff --git a/src/module/_global/layout/layout_navbar_new.tsx b/src/module/_global/layout/layout_navbar_new.tsx
index 2f2f743..977a840 100644
--- a/src/module/_global/layout/layout_navbar_new.tsx
+++ b/src/module/_global/layout/layout_navbar_new.tsx
@@ -19,7 +19,7 @@ export const LayoutNavbarNew = ({ back, title, menu }: { back: string, title: st
             <Grid.Col span="auto">
                <LayoutIconBack back={back} />
             </Grid.Col>
-            <Grid.Col span={6}>
+            <Grid.Col span={8}>
                {/* <Text ta={'center'} fw={'bold'} c={'white'}>GROUP</Text> */}
                <Title c={WARNA.bgWhite} ta={'center'} order={3}>{_.startCase(title)}</Title>
             </Grid.Col>
diff --git a/src/module/project/index.ts b/src/module/project/index.ts
index 9b66f52..329799b 100644
--- a/src/module/project/index.ts
+++ b/src/module/project/index.ts
@@ -6,6 +6,9 @@ import CreateUsersProject from "./components/create_users_project";
 import ViewFileSave from "./view/view_file_save";
 import ViewDetailProject from "./view/view_detail_project";
 import ViewUpdateProgres from "./view/view_update_progres";
+import DetailCreateUserProject from "./components/detail_project/detail_create_user_project";
+import DetailDateEndTask from "./components/detail_project/detail_date_end_task";
+import DetailFileSave from "./components/detail_project/detail_file_save";
 
 export { ViewProject }
 export { ViewCreateProject }
@@ -14,4 +17,7 @@ export { ViewDateEndTask }
 export { CreateUsersProject }
 export { ViewFileSave }
 export { ViewDetailProject }
-export { ViewUpdateProgres }
\ No newline at end of file
+export { ViewUpdateProgres }
+export { DetailCreateUserProject }
+export { DetailDateEndTask }
+export { DetailFileSave }
\ No newline at end of file
diff --git a/src/module/project/view/view_detail_project.tsx b/src/module/project/view/view_detail_project.tsx
index 9c2c478..eb65846 100644
--- a/src/module/project/view/view_detail_project.tsx
+++ b/src/module/project/view/view_detail_project.tsx
@@ -1,9 +1,6 @@
-import React from 'react';
-import DetailProject from '../components/detail_project';
+import React from "react";
+import DetailProject from "../components/detail_project/detail_project";
 
 export default function ViewDetailProject() {
-  return (
-    <DetailProject/>
-  );
+  return <DetailProject />;
 }
-
diff --git a/src/module/project/view/view_update_progres.tsx b/src/module/project/view/view_update_progres.tsx
index 016d3f5..bf4ed13 100644
--- a/src/module/project/view/view_update_progres.tsx
+++ b/src/module/project/view/view_update_progres.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
-import UpdateProgres from '../components/update_progres';
+import UpdateProgres from '../components/detail_project/update_progres';
 
-export default function ViewUpdateProgres() {
+export default function ViewUpdateProgres({searchParams}: {searchParams: any}) {
   return (
-    <UpdateProgres />
+    <UpdateProgres searchParams={searchParams} />
   );
 }