@growth-operations/ui-shared 1.6.7 → 1.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-operations/ui-shared",
-  "version": "1.6.7",
+  "version": "1.6.9",
   "description": "Shared HubSpot UI-extension modules (Home, Billing) for Growth Operations apps.",
   "license": "MIT",
   "private": false,

package/src/alerts/AlertsTab.jsx

@@ -64,6 +64,7 @@ function DefaultAlertRow({
   context,
   alert,
   refresh,
+  onDismissed,
   fetchOptions,
   renderRowActions,
 }) {
@@ -73,7 +74,9 @@ function DefaultAlertRow({
     setDismissing(true);
     try {
       await dismissAlert(context, alert.id, fetchOptions);
-      await refresh();
+      // Optimistically drop just this row from local state — no full re-fetch
+      // of the whole alert list on every dismiss.
+      onDismissed(alert.id);
     } finally {
       setDismissing(false);
     }
@@ -161,6 +164,14 @@ export function AlertsTab({
     }
   };
 
+  // Optimistically remove a dismissed alert from local state instead of
+  // re-fetching the whole list. Keeps the dismiss interaction to a single API
+  // call (the dismiss itself).
+  const removeAlertLocally = (id) => {
+    setAlerts((prev) => prev.filter((a) => a.id !== id));
+    setTotal((t) => Math.max(0, t - 1));
+  };
+
   useEffect(() => {
     load(1, level);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -212,8 +223,12 @@ export function AlertsTab({
               const refresh = () => load(page, level);
               // Full-row override escape hatch: the app owns the cells.
               if (renderRow) {
+                // Optimistic dismiss (drop the row locally); refresh stays
+                // available for apps that want a full reload.
                 const dismiss = () =>
-                  dismissAlert(context, alert.id, fetchOptions).then(refresh);
+                  dismissAlert(context, alert.id, fetchOptions).then(() =>
+                    removeAlertLocally(alert.id)
+                  );
                 return (
                   <React.Fragment key={alert.id}>
                     {renderRow(alert, {
@@ -232,6 +247,7 @@ export function AlertsTab({
                   alert={alert}
                   fetchOptions={fetchOptions}
                   refresh={refresh}
+                  onDismissed={removeAlertLocally}
                   renderRowActions={renderRowActions}
                 />
               );

package/src/billing/BillingTab.jsx

@@ -362,11 +362,16 @@ function CompedBilling() {
 
 export function BillingTab({ context, state, appKey, openIframe = null }) {
   const mode = state?.entitlement?.mode;
+  const isSuperAdmin = state?.user?.is_super_admin === true;
 
   return (
     <Flex direction="column" gap="medium">
       <Heading>Billing</Heading>
-      {mode === "legacy" ? (
+      {!isSuperAdmin ? (
+        <Alert variant="warning" title="Access restricted">
+          <Text>Billing settings are only available to super admins.</Text>
+        </Alert>
+      ) : mode === "legacy" ? (
         <LegacyBilling state={state} />
       ) : mode === "credits" ? (
         <CreditsBilling context={context} state={state} appKey={appKey} openIframe={openIframe} />