diff --git a/src/module/project/view/view_create_project.tsx b/src/module/project/view/view_create_project.tsx
index cf7116d..380c5b8 100644
--- a/src/module/project/view/view_create_project.tsx
+++ b/src/module/project/view/view_create_project.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import CreateProject from '../components/create_project';
 
-export default function ViewCreateProject() {
+export default function ViewCreateProject({ searchParams }: { searchParams: any }) {
   return (
-    <CreateProject />
+    <CreateProject searchParams={searchParams} />
   );
 }
 
diff --git a/src/module/project/view/view_detail_project.tsx b/src/module/project/view/view_detail_project.tsx
new file mode 100644
index 0000000..9c2c478
--- /dev/null
+++ b/src/module/project/view/view_detail_project.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import DetailProject from '../components/detail_project';
+
+export default function ViewDetailProject() {
+  return (
+    <DetailProject/>
+  );
+}
+
diff --git a/src/module/project/view/view_file_save.tsx b/src/module/project/view/view_file_save.tsx
new file mode 100644
index 0000000..6949a64
--- /dev/null
+++ b/src/module/project/view/view_file_save.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import FileSave from '../components/file_save';
+
+export default function ViewFileSave() {
+  return (
+    <FileSave/>
+  );
+}
+
diff --git a/src/module/project/view/view_filter_project.tsx b/src/module/project/view/view_filter_project.tsx
index 05e3384..a233acb 100644
--- a/src/module/project/view/view_filter_project.tsx
+++ b/src/module/project/view/view_filter_project.tsx
@@ -10,23 +10,23 @@ const dataFilter = [
     name: 'Semua Proyek'
   },
   {
-    id: 1,
+    id: 2,
     name: 'Proyek Dinas'
   },
   {
-    id: 1,
+    id: 3,
     name: 'Proyek Lpd'
   },
   {
-    id: 1,
+    id: 4,
     name: 'Proyek Lembaga 1'
   },
   {
-    id: 1,
+    id: 5,
     name: 'Proyek Lembaga 2'
   },
   {
-    id: 1,
+    id: 6,
     name: 'Proyek Lembaga 3'
   },
 ]
diff --git a/src/module/project/view/view_update_progres.tsx b/src/module/project/view/view_update_progres.tsx
new file mode 100644
index 0000000..016d3f5
--- /dev/null
+++ b/src/module/project/view/view_update_progres.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import UpdateProgres from '../components/update_progres';
+
+export default function ViewUpdateProgres() {
+  return (
+    <UpdateProgres />
+  );
+}
+