diff --git a/app/[locale]/(protected)/contributor/task-ta/detail-upload/audio/[id]/page.tsx b/app/[locale]/(protected)/contributor/task-ta/detail-upload/audio/[id]/page.tsx
new file mode 100644
index 00000000..38d17aa3
--- /dev/null
+++ b/app/[locale]/(protected)/contributor/task-ta/detail-upload/audio/[id]/page.tsx
@@ -0,0 +1,15 @@
+import FormAudioTaDetail from "@/components/form/content/task-ta/audio-detail-form";
+import SiteBreadcrumb from "@/components/site-breadcrumb";
+
+const AudioDetailPage = async () => {
+  return (
+    <div>
+      <SiteBreadcrumb />
+      <div className="space-y-4">
+        <FormAudioTaDetail />
+      </div>
+    </div>
+  );
+};
+
+export default AudioDetailPage;
diff --git a/app/[locale]/(protected)/contributor/task-ta/detail-upload/image/[id]/page.tsx b/app/[locale]/(protected)/contributor/task-ta/detail-upload/image/[id]/page.tsx
index 4713ac39..47aae6f4 100644
--- a/app/[locale]/(protected)/contributor/task-ta/detail-upload/image/[id]/page.tsx
+++ b/app/[locale]/(protected)/contributor/task-ta/detail-upload/image/[id]/page.tsx
@@ -1,3 +1,4 @@
+import FormImageTaDetail from "@/components/form/content/task-ta/image-detail-form";
 import FormImageDetail from "@/components/form/content/task-ta/image-detail-form";
 import SiteBreadcrumb from "@/components/site-breadcrumb";
 
@@ -6,7 +7,7 @@ const ImageDetailPage = async () => {
     <div>
       <SiteBreadcrumb />
       <div className="space-y-4">
-        <FormImageDetail />
+        <FormImageTaDetail />
       </div>
     </div>
   );
diff --git a/app/[locale]/(protected)/contributor/task-ta/detail-upload/teks/[id]/page.tsx b/app/[locale]/(protected)/contributor/task-ta/detail-upload/teks/[id]/page.tsx
new file mode 100644
index 00000000..66cfe9e2
--- /dev/null
+++ b/app/[locale]/(protected)/contributor/task-ta/detail-upload/teks/[id]/page.tsx
@@ -0,0 +1,16 @@
+import FormTeksTaDetail from "@/components/form/content/task-ta/teks-detail-form";
+import FormTeksDetail from "@/components/form/content/task-ta/teks-detail-form";
+import SiteBreadcrumb from "@/components/site-breadcrumb";
+
+const TeksDetailPage = async () => {
+  return (
+    <div>
+      <SiteBreadcrumb />
+      <div className="space-y-4">
+        <FormTeksTaDetail />
+      </div>
+    </div>
+  );
+};
+
+export default TeksDetailPage;
diff --git a/app/[locale]/(protected)/contributor/task-ta/detail-upload/video/[id]/page.tsx b/app/[locale]/(protected)/contributor/task-ta/detail-upload/video/[id]/page.tsx
new file mode 100644
index 00000000..15564b7f
--- /dev/null
+++ b/app/[locale]/(protected)/contributor/task-ta/detail-upload/video/[id]/page.tsx
@@ -0,0 +1,16 @@
+import FormVideoTaDetail from "@/components/form/content/task-ta/video-detail-form";
+import FormVideoDetail from "@/components/form/content/task-ta/video-detail-form";
+import SiteBreadcrumb from "@/components/site-breadcrumb";
+
+const VideoDetailPage = async () => {
+  return (
+    <div>
+      <SiteBreadcrumb />
+      <div className="space-y-4">
+        <FormVideoTaDetail />
+      </div>
+    </div>
+  );
+};
+
+export default VideoDetailPage;
diff --git a/components/form/content/task-ta/audio-detail-form.tsx b/components/form/content/task-ta/audio-detail-form.tsx
index d3f28fb7..9b354bb6 100644
--- a/components/form/content/task-ta/audio-detail-form.tsx
+++ b/components/form/content/task-ta/audio-detail-form.tsx
@@ -113,7 +113,7 @@ const ViewEditor = dynamic(
   { ssr: false }
 );
 
-export default function FormAudioDetail() {
+export default function FormAudioTaDetail() {
   const MySwal = withReactContent(Swal);
   const router = useRouter();
   const userId = getCookiesDecrypt("uie");
diff --git a/components/form/content/task-ta/image-detail-form.tsx b/components/form/content/task-ta/image-detail-form.tsx
index abba006a..4706ca8b 100644
--- a/components/form/content/task-ta/image-detail-form.tsx
+++ b/components/form/content/task-ta/image-detail-form.tsx
@@ -116,7 +116,7 @@ const ViewEditor = dynamic(
   { ssr: false }
 );
 
-export default function FormImageDetail() {
+export default function FormImageTaDetail() {
   const MySwal = withReactContent(Swal);
   const router = useRouter();
   const userId = getCookiesDecrypt("uie");
diff --git a/components/form/content/task-ta/teks-detail-form.tsx b/components/form/content/task-ta/teks-detail-form.tsx
index c9d5c6f8..5d808a13 100644
--- a/components/form/content/task-ta/teks-detail-form.tsx
+++ b/components/form/content/task-ta/teks-detail-form.tsx
@@ -111,7 +111,7 @@ const ViewEditor = dynamic(
   { ssr: false }
 );
 
-export default function FormTeksDetail() {
+export default function FormTeksTaDetail() {
   const MySwal = withReactContent(Swal);
   const router = useRouter();
   const userId = getCookiesDecrypt("uie");
diff --git a/components/form/content/task-ta/video-detail-form.tsx b/components/form/content/task-ta/video-detail-form.tsx
index 569304b6..ca83d2fd 100644
--- a/components/form/content/task-ta/video-detail-form.tsx
+++ b/components/form/content/task-ta/video-detail-form.tsx
@@ -113,7 +113,7 @@ const ViewEditor = dynamic(
   { ssr: false }
 );
 
-export default function FormVideoDetail() {
+export default function FormVideoTaDetail() {
   const MySwal = withReactContent(Swal);
   const router = useRouter();
   const userId = getCookiesDecrypt("uie");
diff --git a/components/partials/auth/login-form.tsx b/components/partials/auth/login-form.tsx
index 1d68e8f5..532d0cf8 100644
--- a/components/partials/auth/login-form.tsx
+++ b/components/partials/auth/login-form.tsx
@@ -535,10 +535,10 @@ const LoginForm = () => {
               </div>
 
               <Button
-                type="button"
+                type="submit"
                 fullWidth
-                onClick={handleEmailValidation}
-                disabled={isPending}
+                // onClick={handleEmailValidation}
+                // disabled={isPending}
               >
                 Selanjutnya
               </Button>