add send field in manage notification

src/components/data-grid/DataGridLoader.tsx

@@ -4,7 +4,7 @@ import { RefreshCw } from 'lucide-react';
 
 export const DataGridLoader = () => {
   return (
-    <div className="fixed inset-0 bg-transparent flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
+    <div className="fixed inset-0 bg-white/25 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
       <div className="bg-card flex items-center border shadow-sm rounded-md">
         <div className="flex flex-col items-center">
           <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />

src/pages/groups/ManageGroups.tsx

@@ -223,7 +223,7 @@ const ManageGroups = () => {
 
         <div className="grid gap-5 lg:gap-7.5 mt-5 relative">
           {isReloading && (
-            <div className="fixed inset-0 bg-transparent flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
+            <div className="fixed inset-0 bg-white/25 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
               <div className="bg-card flex items-center border shadow-sm rounded-md">
                 <div className="flex flex-col items-center">
                   <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />

src/pages/notification/hooks/ManageNotificationContext.tsx

@@ -8,6 +8,8 @@ import { useCallApi } from '@/hooks';
 import moment from 'moment';
 
 interface SelectedNotification {
+  all_customers: string;
+  customer_name: string;
   id: string;
   content: string;
   subject: string;
@@ -62,6 +64,21 @@ const ManageNotifContextProvider = ({ children }: { children: React.ReactNode })
 
   const columns = useMemo<ColumnDef<any>[]>(
     () => [
+      {
+        accessorFn: (row) => {
+          if (row.all_customers === 'Y') {
+            return 'All Customers';
+          }
+          return row.customer_name || '';
+        },
+        id: 'send',
+        header: ({ column }) => <DataGridColumnHeader title="Send" column={column} />,
+        enableSorting: false,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[200px]'
+        }
+      },
       {
         accessorFn: (row) => row.content,
         id: 'content',