Adjusted

src/modules/admin/config/user_groups/toolbar.config.jsx

@@ -1,5 +1,5 @@
 // ─── config/toolbar.config.jsx ────────────────────────────────────────────────
-import { RefreshCw, Download, UserPlus, Archive } from "lucide-react";
+import { RefreshCw, Download, FolderPlus, Archive } from "lucide-react";
 import { exportTableToExcel } from "@/utils/excel.util";
 
 /**
@@ -9,7 +9,7 @@ import { exportTableToExcel } from "@/utils/excel.util";
  * @param {Object}   deps.exportConfig  { allData, attributes, filename, sheetName }
  * @param {Function} deps.navigate      React Router navigate
  */
-export function buildToolbarActions({ fetchGroups, pagination, exportConfig, navigate, getFilters, getSort }) {
+export function buildToolbarActions({ fetchGroups, pagination, exportConfig, onAddGroup, navigate, getFilters, getSort }) {
   return [
     {
       key: "refresh",
@@ -28,11 +28,11 @@ export function buildToolbarActions({ fetchGroups, pagination, exportConfig, nav
     {
       key: "add-group",
       type: "button",
-      icon: <UserPlus className="h-3.5 w-3.5" />,
+      icon: <FolderPlus className="h-3.5 w-3.5" />,
       label: "Add Group",
       variant: "default",
       className: "text-primary-foreground",
-      onClick: () => navigate("add/staff"),
+      onClick: () => onAddGroup(),
     },
     {
       key: "archived-groups",