@apptimate/ui 2.4.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apptimate/ui",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "main": "src/index.tsx",
   "types": "src/index.tsx",
   "dependencies": {

package/src/base-components/FinanceErrorToast.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import toast from "react-hot-toast";
+import { Button } from "./Button";
+
+export const handleFinanceError = (error: any, defaultMessage: string = "An error occurred") => {
+  const errMsg = typeof error === "string" ? error : (error?.message || defaultMessage);
+  
+  if (errMsg.toLowerCase().includes("fiscal year")) {
+    toast.error((t) => (
+      <div className="flex flex-col gap-2 mt-1">
+        <span>{errMsg}</span>
+        <Button size="small" variant="solid" color="primary" className="w-fit mt-1" onClick={() => {
+          toast.dismiss(t.id);
+          window.open("/finance/fiscal-years", "_blank");
+        }}>
+          Open Fiscal Years
+        </Button>
+      </div>
+    ), { duration: 8000 });
+  } else {
+    toast.error(errMsg);
+  }
+};

package/src/common-components/DashboardLayout.tsx

@@ -131,7 +131,7 @@ export function DashboardLayout({
                   }`}
               >
                 {/* Clone the icon to dynamically apply styling based on active state */}
-                {React.cloneElement(menu.icon as React.ReactElement, {
+                {React.cloneElement(menu.icon as React.ReactElement<any>, {
                   size: 22,
                   className: isActive ? "stroke-[2.5]" : "stroke-[2]"
                 })}
@@ -305,7 +305,7 @@ export function DashboardLayout({
                 {menus.map((menu) => (
                   <div key={menu.id}>
                     <div className="flex items-center gap-3 text-[#2D3142] font-bold mb-3 px-2">
-                      {React.cloneElement(menu.icon as React.ReactElement, {
+                      {React.cloneElement(menu.icon as React.ReactElement<any>, {
                         size: 20,
                         className: "stroke-[2.5]"
                       })}

package/src/index.tsx

@@ -33,3 +33,4 @@ export type { ImageUploadComponentProps, ItemImage } from './components/shared/I
 export * from './common-components/DashboardLayout';
 export * from './common-components/charts';
 export * from './common-components/PaymentSection';
+export * from './base-components/FinanceErrorToast';