fix ( user access )

deskripsi:
- membatasi akses user yang hanya bisa di berikan oleh admin

src/app/zCoba/upload/fun_upload.ts

@@ -0,0 +1,52 @@
+"use server";
+
+import _ from "lodash";
+// import { v4 } from "uuid";
+import fs from "fs";
+import sharp from "sharp";
+
+export default async function fun_upload({
+  file,
+  dirId,
+}: {
+  file: File;
+  dirId: string;
+}) {
+  //   const file: any = formData.get("file");
+  //   const fName = file.name;
+  //   const fileSize = file.size;
+
+  //   // Convert ke KB
+  //   const fileSizeInKB = fileSize / 1024;
+
+  //   // Convert ke MB
+  //   const fileSizeInMB = fileSize / (1024 * 1024);
+
+  //   console.log(`Ukuran file dalam bytes: ${fileSize}`);
+  //   console.log(`Ukuran file dalam KB: ${fileSizeInKB.toFixed(2)} KB`);
+  //   console.log(`Ukuran file dalam MB: ${fileSizeInMB.toFixed(2)} MB`);
+
+  const imageBuffer = await file.arrayBuffer();
+  const resize = await sharp(imageBuffer).resize(2000).toBuffer();
+
+  const newFile = Buffer.from(resize);
+  console.log("file new",newFile);
+  //   fs.writeFileSync(`./public/upload/${fName}`, upFolder as any);
+
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("dirId", dirId);
+
+  //     const upload = await fetch("/api/image/upload", {
+  //       method: "POST",
+  //       body: formData,
+  //     });
+
+  //     const res = await upload.json();
+
+  //     if (upload.ok) {
+  //       return { success: true, data: res.data, message: res.message };
+  //     } else {
+  //       return { success: false, data: {}, message: res.message };
+  //     }
+}

src/app/zCoba/upload/page.tsx

@@ -0,0 +1,137 @@
+"use client";
+
+import { MainColor } from "@/app_modules/_global/color";
+import { ComponentGlobal_BoxUploadImage } from "@/app_modules/_global/component";
+import { MAX_SIZE } from "@/app_modules/_global/lib";
+import { PemberitahuanMaksimalFile } from "@/app_modules/_global/lib/max_size";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
+import {
+  UIGlobal_LayoutHeaderTamplate,
+  UIGlobal_LayoutTamplate,
+} from "@/app_modules/_global/ui";
+import { clientLogger } from "@/util/clientLogger";
+import {
+  AspectRatio,
+  Button,
+  Center,
+  FileButton,
+  Image,
+  Stack,
+} from "@mantine/core";
+import { IconImageInPicture, IconUpload } from "@tabler/icons-react";
+import { useState } from "react";
+import fun_upload from "./fun_upload";
+import { funGlobal_UploadToStorage } from "@/app_modules/_global/fun";
+
+export default function Page() {
+  return (
+    <>
+      <UIGlobal_LayoutTamplate
+        header={<UIGlobal_LayoutHeaderTamplate title="Upload" />}
+      >
+        <Upload />
+      </UIGlobal_LayoutTamplate>
+    </>
+  );
+}
+
+function Upload() {
+  const [file, setFile] = useState<File | null>(null);
+  const [image, setImage] = useState<any | null>(null);
+  const [isLoading, setLoading] = useState(false);
+
+  async function onUpload() {
+    if (!file) return alert("File Kosong");
+    try {
+      setLoading(true);
+      const formData = new FormData();
+      formData.append("file", file as File);
+
+      const uploadPhoto = await funGlobal_UploadToStorage({
+        file: file,
+        dirId: "cm5ohsepe002bq4nlxeejhg7q",
+      });
+
+      if (uploadPhoto.success) {
+        setLoading(false);
+        alert("berhasil upload");
+        console.log("uploadPhoto", uploadPhoto);
+      } else {
+        setLoading(false);
+        console.log("gagal upload", uploadPhoto);
+      }
+    } catch (error) {
+      console.error("Error upload img:", error);
+    }
+  }
+
+  return (
+    <>
+      <Stack>
+        <ComponentGlobal_BoxUploadImage>
+          {image ? (
+            <AspectRatio ratio={1 / 1} mt={5} maw={300} mx={"auto"}>
+              <Image style={{ maxHeight: 250 }} alt="Avatar" src={image} />
+            </AspectRatio>
+          ) : (
+            <Center h={"100%"}>
+              <IconImageInPicture size={50} />
+            </Center>
+          )}
+        </ComponentGlobal_BoxUploadImage>
+
+        <Center>
+          <FileButton
+            onChange={async (files: any | null) => {
+              try {
+                const buffer = URL.createObjectURL(
+                  new Blob([new Uint8Array(await files.arrayBuffer())])
+                );
+
+                // if (files.size > MAX_SIZE) {
+                //   ComponentGlobal_NotifikasiPeringatan(
+                //     PemberitahuanMaksimalFile
+                //   );
+                //   return;
+                // } else {
+
+                // }
+
+                console.log("ini buffer", buffer);
+
+                setFile(files);
+                setImage(buffer);
+              } catch (error) {
+                clientLogger.error("Upload error:", error);
+              }
+            }}
+            accept="image/png,image/jpeg"
+          >
+            {(props) => (
+              <Button
+                {...props}
+                radius={"sm"}
+                leftIcon={<IconUpload />}
+                bg={MainColor.yellow}
+                color="yellow"
+                c={"black"}
+              >
+                Upload
+              </Button>
+            )}
+          </FileButton>
+        </Center>
+
+        <Button
+          loaderPosition="center"
+          loading={isLoading}
+          onClick={() => {
+            onUpload();
+          }}
+        >
+          Simpan
+        </Button>
+      </Stack>
+    </>
+  );
+}