fix detail layout voting

src/app_modules/vote/_ui/detail/ui_detail_kontributor_voting.tsx

@@ -1,19 +1,29 @@
 "use client";
 
-import {
-  UIGlobal_LayoutHeaderTamplate,
-  UIGlobal_LayoutTamplate,
-} from "@/app_modules/_global/ui";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import { Voting_ViewDetailKontributorVoting } from "../../_view";
 
 export function Voting_UiDetailKontributorVoting() {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Daftar Kontributor" />}
       >
         <Voting_ViewDetailKontributorVoting />
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Daftar Kontributor" />
+        </UI_NewHeader>
+        <UI_NewChildren>
+          <Voting_ViewDetailKontributorVoting />
+        </UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/_view/view_detail_kontributor_voting.tsx

@@ -73,7 +73,7 @@ export function Voting_ViewDetailKontributorVoting() {
       ) : (
         <Box>
           <ScrollOnly
-            height="75vh"
+            height="82vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />

src/app_modules/vote/component/detail/comp_layout_header_detail_publish.tsx

@@ -25,6 +25,7 @@ import { useState } from "react";
 import { voting_funUpdateIsArsipById } from "../../fun";
 import { MODEL_VOTING } from "../../model/interface";
 import { voting_funGetOneVotingbyId } from "../../fun/get/fun_get_one_by_id";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
 
 
 export function Voting_ComponentLayoutHeaderDetailPublish({
@@ -64,7 +65,7 @@ export function Voting_ComponentLayoutHeaderDetailPublish({
 
   return (
     <>
-      <UIGlobal_LayoutHeaderTamplate
+      <Component_Header
         title={title}
         customButtonRight={
           <ActionIcon

src/app_modules/vote/detail/draft/layout.tsx

@@ -1,9 +1,12 @@
 "use client";
 
-import { RouterVote } from "@/lib/router_hipmi/router_vote";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
 import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer";
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
+import { RouterVote } from "@/lib/router_hipmi/router_vote";
 import { ActionIcon } from "@mantine/core";
 import { IconDotsVertical, IconEdit } from "@tabler/icons-react";
 import React, { useState } from "react";
@@ -27,7 +30,7 @@ export default function LayoutVote_DetailDraft({
 
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
             title="Detail Draft"
@@ -43,7 +46,24 @@ export default function LayoutVote_DetailDraft({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header
+            title="Detail Draft"
+            customButtonRight={
+              <ActionIcon
+                variant="transparent"
+                onClick={() => setOpenDrawer(true)}
+              >
+                <IconDotsVertical color="white" />
+              </ActionIcon>
+            }
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
 
       <UIGlobal_Drawer
         opened={openDrawer}

src/app_modules/vote/detail/kontribusi/layout.tsx

@@ -1,6 +1,9 @@
 "use client";
 
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component";
 
@@ -8,16 +11,16 @@ export default function LayoutVote_DetailKontribusi({
   children,
   votingId,
   userLoginId,
-  dataVoting
+  dataVoting,
 }: {
   children: React.ReactNode;
   votingId: string;
   userLoginId: string;
-  dataVoting: any
+  dataVoting: any;
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <Voting_ComponentLayoutHeaderDetailPublish
             dataVoting={dataVoting}
@@ -28,7 +31,19 @@ export default function LayoutVote_DetailKontribusi({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Voting_ComponentLayoutHeaderDetailPublish
+            dataVoting={dataVoting}
+            title="Detail Kontributor"
+            votingId={votingId}
+            userLoginId={userLoginId}
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/detail/main/layout.tsx

@@ -1,6 +1,9 @@
 "use client";
 
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component";
 
@@ -13,11 +16,11 @@ export default function LayoutVote_MainDetail({
   children: React.ReactNode;
   votingId: string;
   userLoginId: string;
-  dataVoting: any
+  dataVoting: any;
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <Voting_ComponentLayoutHeaderDetailPublish
             title="Detail Voting"
@@ -28,7 +31,18 @@ export default function LayoutVote_MainDetail({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Voting_ComponentLayoutHeaderDetailPublish
+            dataVoting={dataVoting}
+            title="Detail Voting"
+            votingId={votingId}
+            userLoginId={userLoginId}
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/detail/publish/layout.tsx

@@ -1,7 +1,9 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component";
 
@@ -18,7 +20,7 @@ export default function LayoutVote_DetailPublish({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <Voting_ComponentLayoutHeaderDetailPublish
             dataVoting={dataVoting}
@@ -29,7 +31,19 @@ export default function LayoutVote_DetailPublish({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Voting_ComponentLayoutHeaderDetailPublish
+            dataVoting={dataVoting}
+            title="Detail Publish"
+            votingId={votingId}
+            userLoginId={userLoginId}
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/detail/reject/layout.tsx

@@ -1,7 +1,10 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 
 export default function LayoutVote_DetailReject({
@@ -11,11 +14,18 @@ export default function LayoutVote_DetailReject({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Detail Reject" />}
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Detail Reject" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/detail/review/layout.tsx

@@ -1,7 +1,10 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 
 export default function LayoutVote_DetailReview({
@@ -11,11 +14,18 @@ export default function LayoutVote_DetailReview({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Detail Review" />}
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Detail Review" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/detail/riwayat_saya/layout.tsx

@@ -8,6 +8,11 @@ import { ActionIcon } from "@mantine/core";
 import { IconDotsVertical, IconUsersGroup } from "@tabler/icons-react";
 import { useParams } from "next/navigation";
 import React, { useState } from "react";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewHeader,
+  UI_NewChildren,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 
 export default function LayoutVote_DetailRiwayatSaya({
   children,
@@ -19,7 +24,7 @@ export default function LayoutVote_DetailRiwayatSaya({
 
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
             title="Detail Riwayat"
@@ -37,7 +42,26 @@ export default function LayoutVote_DetailRiwayatSaya({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header
+            title="Detail Riwayat"
+            customButtonRight={
+              <ActionIcon
+                variant="transparent"
+                onClick={() => {
+                  setOpenDrawer(true);
+                }}
+              >
+                <IconDotsVertical color="white" />
+              </ActionIcon>
+            }
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
 
       <UIGlobal_Drawer
         opened={openDrawer}

src/app_modules/vote/detail/semua_riwayat/layout.tsx

@@ -9,6 +9,8 @@ import { IconDotsVertical } from "@tabler/icons-react";
 import { IconUsersGroup } from "@tabler/icons-react";
 import { IconDots } from "@tabler/icons-react";
 import React, { useState } from "react";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren } from "@/app_modules/_global/ui/V2_layout_tamplate";
 
 export default function LayoutVote_DetailSemuaRiwayat({
   children,
@@ -23,7 +25,7 @@ export default function LayoutVote_DetailSemuaRiwayat({
 
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
             title="Detail Riwayat"
@@ -41,7 +43,26 @@ export default function LayoutVote_DetailSemuaRiwayat({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+       <UI_NewLayoutTamplate>
+              <UI_NewHeader>
+                <Component_Header
+                  title="Detail Riwayat"
+                  customButtonRight={
+                    <ActionIcon
+                      variant="transparent"
+                      onClick={() => {
+                        setOpenDrawer(true);
+                      }}
+                    >
+                      <IconDotsVertical color="white" />
+                    </ActionIcon>
+                  }
+                />
+              </UI_NewHeader>
+              <UI_NewChildren>{children}</UI_NewChildren>
+            </UI_NewLayoutTamplate>
 
       <UIGlobal_Drawer
         opened={openDrawer}

src/app_modules/vote/edit/layout.tsx

@@ -1,7 +1,10 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 
 export default function LayoutVote_Edit({
@@ -11,11 +14,18 @@ export default function LayoutVote_Edit({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Edit Vote" />}
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Edit Voting" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }

src/app_modules/vote/main/beranda.tsx

@@ -131,7 +131,7 @@ export default function Vote_Beranda() {
       ) : (
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />

src/app_modules/vote/main/riwayat/saya.tsx

@@ -47,7 +47,7 @@ export default function Vote_RiwayatSaya() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />

src/app_modules/vote/main/riwayat/semua.tsx

@@ -47,7 +47,7 @@ export default function Vote_SemuaRiwayat() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />

src/app_modules/vote/main/status/draft.tsx

@@ -47,7 +47,7 @@ export default function Vote_StatusDraft() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />

src/app_modules/vote/main/status/publish.tsx

@@ -48,7 +48,7 @@ export default function Vote_StatusPublish() {
           // --- Main component --- //
           <Box>
             <ScrollOnly
-              height="73vh"
+              height="75vh"
               renderLoading={() => (
                 <Center mt={"lg"}>
                   <Loader color={"yellow"} />

src/app_modules/vote/main/status/reject.tsx

@@ -47,7 +47,7 @@ export default function Vote_StatusReject() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />

src/app_modules/vote/main/status/review.tsx

@@ -47,7 +47,7 @@ export default function Vote_StatusReview() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />