update 5 files

components/tablelist/TableList.tsx

@@ -275,7 +275,7 @@ export const TableList: React.FC<any> = ({
       }
       setTimeout(() => {
         toast.dismiss();
-      }, 2000);
+      }, 100);
     };
     if (typeof onInit === "function") {
       onInit(local);

components/ui/PinterestLayout.tsx

@@ -23,10 +23,11 @@ export const PinterestLayout: React.FC<{
       col: [] as string[],
       data: [] as string[],
     },
+    user: null as any,
+    ready: false as boolean,
   });
   useEffect(() => {
-    const columns: any[] = Array.from({ length: col }, () => []); // Inisialisasi array kosong sebanyak 'col'
+    const columns: any[] = Array.from({ length: col }, () => []);
-
     data.forEach((item, index) => {
       const targetColumn = index % col; // Menentukan kolom target berdasarkan indeks
       columns[targetColumn].push(item); // Memasukkan elemen ke kolom yang sesuai
@@ -34,7 +35,6 @@ export const PinterestLayout: React.FC<{
     local.data = columns;
     local.render();
   }, [data, col]);
-
   return (
     <>
       <div className="flex flex-grow flex-1 flex-col w-full h-full">

components/ui/alert-dialog.tsx

@@ -18,7 +18,7 @@ const AlertDialogOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AlertDialogPrimitive.Overlay
     className={cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}

components/ui/alert.tsx

@@ -12,6 +12,7 @@ import {
 } from "./alert-dialog";
 
 export const Alert: FC<{
+  title?: string;
   type: string;
   onClick?: (event?: any) => Promise<any> | any;
   children?: any;
@@ -21,7 +22,9 @@ export const Alert: FC<{
   mode?: "auto" | "manual";
   open?: boolean;
   onOpenChange?: (event: boolean) => void;
+  hiddenFooter?: boolean;
 }> = ({
+  title = " Are you certain you want to continue?",
   type,
   onClick,
   children,
@@ -31,6 +34,7 @@ export const Alert: FC<{
   mode,
   open,
   onOpenChange,
+  hiddenFooter = false,
 }) => {
   const message: any = {
     save: "Your data will be saved securely. You can update it at any time if needed.",
@@ -59,13 +63,13 @@ export const Alert: FC<{
           ) : (
             <>
               <AlertDialogHeader>
-                <AlertDialogTitle>
+                <AlertDialogTitle>{title}</AlertDialogTitle>
-                  Are you certain you want to continue?
-                </AlertDialogTitle>
                 <AlertDialogDescription>
                   {msg || message?.[type]}
                 </AlertDialogDescription>
               </AlertDialogHeader>
+              {!hiddenFooter ? (
+                <>
                   <AlertDialogFooter>
                     <AlertDialogCancel>No</AlertDialogCancel>
                     <AlertDialogAction
@@ -76,6 +80,10 @@ export const Alert: FC<{
                     </AlertDialogAction>
                   </AlertDialogFooter>
                 </>
+              ) : (
+                <></>
+              )}
+            </>
           )}
         </AlertDialogContent>
       </AlertDialog>

utils/action.tsx

@@ -39,6 +39,7 @@ export const actionToast = async (data: {
     );
     if (typeof task === "function") await task();
     setTimeout(() => {
+      toast.dismiss();
       toast.success(
         <div
           className={cx(
@@ -57,8 +58,10 @@ export const actionToast = async (data: {
 
       if (typeof after === "function") after();
       if (typeof success === "function") success();
-    }, 1000);
+    }, 100);
   } catch (ex: any) {
+    setTimeout(() => {
+      toast.dismiss();
       toast.error(
         <div className="flex flex-col w-full">
           <div className="flex text-red-600 items-center">
@@ -75,5 +78,6 @@ export const actionToast = async (data: {
           `,
         }
       );
+    }, 100);
   }
 };