QC Investasi

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

src/app_modules/donasi/main/beranda.tsx

@@ -3,6 +3,8 @@
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import { Warna } from "@/app/lib/warna";
 import {
+  ActionIcon,
+  Affix,
   AspectRatio,
   Avatar,
   Badge,
@@ -21,22 +23,51 @@ import {
   Stack,
   Text,
   Title,
+  rem,
 } from "@mantine/core";
-import { useViewportSize } from "@mantine/hooks";
+import { useViewportSize, useWindowScroll } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 import { MODEL_DONASI } from "../model/interface";
 import { useState } from "react";
 import ComponentDonasi_BoxPublish from "../component/box_publish";
+import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import { IconPencilPlus } from "@tabler/icons-react";
 
 export default function MainDonasi({
   listDonasi,
 }: {
   listDonasi: MODEL_DONASI[];
 }) {
- 
+  const router = useRouter();
+  const [isLoading, setLoading] = useState(false);
+  const [scroll, scrollTo] = useWindowScroll();
+
   return (
     <>
-      <ComponentDonasi_BoxPublish dataDonasi={listDonasi} path={RouterDonasi.detail_main}/>
+      <Affix position={{ bottom: rem(150), right: rem(30) }}>
+        <ActionIcon
+          loading={isLoading ? true : false}
+          opacity={scroll.y > 0 ? 0.5 : ""}
+          style={{
+            transition: "0.5s",
+          }}
+          size={"xl"}
+          radius={"xl"}
+          variant="transparent"
+          bg={"orange"}
+          onClick={() => {
+            setLoading(true);
+            router.push(RouterDonasi.create_donasi);
+          }}
+        >
+          <IconPencilPlus color="white" />
+        </ActionIcon>
+      </Affix>
+
+      <ComponentDonasi_BoxPublish
+        dataDonasi={listDonasi}
+        path={RouterDonasi.detail_main}
+      />
     </>
   );
 }