@algenium/blocks 1.2.2 → 1.3.0

package/dist/index.cjs

@@ -5015,7 +5015,9 @@ function NotificationsWidget({
   soundType = "chime",
   pulseStyle = "ring",
   soundCooldown = 2e3,
-  buttonVariant = "default"
+  buttonVariant = "default",
+  viewAllHref,
+  viewAllLabel = "View all"
 }) {
   const context = useNotificationsContext();
   const notifications = propNotifications ?? context?.notifications ?? [];
@@ -5260,9 +5262,19 @@ function NotificationsWidget({
               }
             ) })
           ] }),
-          sortedNotifications.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "w-6 h-6 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+          sortedNotifications.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "w-6 h-6 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+            ] }),
+            viewAllHref && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center px-4 py-2 border-t border-border bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: viewAllHref,
+                className: "text-xs text-primary hover:underline font-medium",
+                children: viewAllLabel
+              }
+            ) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -5325,7 +5337,7 @@ function NotificationsWidget({
                               children: notification.title
                             }
                           ) }),
-                          notification.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mt-0.5", children: notification.message }),
+                          notification.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: notification.message }),
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground/70 mt-1", children: formatTimeAgo(notification.timestamp) })
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 flex items-start gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5348,25 +5360,35 @@ function NotificationsWidget({
                 }) })
               }
             ),
-            (hasMore || onClearAll) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
-              hasMore && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            (hasMore || onClearAll || viewAllHref) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: hasMore && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
                 "+",
                 sortedNotifications.length - maxVisible,
                 " more"
-              ] }),
-              onClearAll && sortedNotifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-7 px-2 text-xs text-muted-foreground hover:text-destructive",
-                  onClick: () => onClearAll(),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-3 h-3 mr-1" }),
-                    "Clear all"
-                  ]
-                }
-              )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                viewAllHref && /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href: viewAllHref,
+                    className: "text-xs text-primary hover:underline font-medium",
+                    children: viewAllLabel
+                  }
+                ),
+                onClearAll && sortedNotifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-7 px-2 text-xs text-muted-foreground hover:text-destructive",
+                    onClick: () => onClearAll(),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-3 h-3 mr-1" }),
+                      "Clear all"
+                    ]
+                  }
+                )
+              ] })
             ] })
           ] })
         ]