QC Investasi

# fix
Tampilan admin investasi
Tampilan admin donasi
## No issuee

src/app_modules/donasi/component/header_tamplate.tsx

@@ -15,7 +15,7 @@ export default function ComponentDonasi_HeaderTamplate({
   bg,
 }: {
   hideBack?: boolean;
-  changeIconBack?: any
+  changeIconBack?: any;
   route?: any;
   route2?: any;
   title: string;
@@ -23,6 +23,9 @@ export default function ComponentDonasi_HeaderTamplate({
   bg?: any;
 }) {
   const router = useRouter();
+  const [isLoading, setLoading] = useState(false);
+  const [isRightLoading, setRightLoading] = useState(false);
+
   return (
     <>
       <Header
@@ -35,8 +38,10 @@ export default function ComponentDonasi_HeaderTamplate({
             <ActionIcon variant="transparent" disabled></ActionIcon>
           ) : (
             <ActionIcon
+              loading={isLoading ? true : false}
               variant="transparent"
               onClick={() => {
+                setLoading(true);
                 if (route === null || route === undefined) {
                   return router.back();
                 } else {
@@ -44,7 +49,7 @@ export default function ComponentDonasi_HeaderTamplate({
                 }
               }}
             >
-             {changeIconBack ? changeIconBack:  <IconChevronLeft />}
+              {changeIconBack ? changeIconBack : <IconChevronLeft />}
             </ActionIcon>
           )}
           <Title order={5}>{title}</Title>
@@ -54,8 +59,12 @@ export default function ComponentDonasi_HeaderTamplate({
             } else {
               return (
                 <ActionIcon
+                  loading={isRightLoading ? true : false}
                   variant="transparent"
-                  onClick={() => router.push(route2)}
+                  onClick={() => {
+                    setRightLoading(true);
+                    router.push(route2);
+                  }}
                 >
                   {icon}
                 </ActionIcon>