add download

apps/admin.saladeaula.digital/app/components/data-table/data-table.tsx

@@ -10,7 +10,7 @@ import {
   type Table,
   type VisibilityState
 } from '@tanstack/react-table'
-import { createContext, useState, type ReactNode } from 'react'
+import { createContext, useEffect, useState, type ReactNode } from 'react'
 import { useSearchParams } from 'react-router'
 
 import { Card, CardContent } from '@repo/ui/components/ui/card'
@@ -28,6 +28,7 @@ interface DataTableProps<TData, TValue> {
   children?: ReactNode
   columns: ColumnDef<TData, TValue>[]
   data: TData[]
+  onRowSelectionChange?: (rowSelection: TData[]) => void
   pageIndex: number
   sort: SortingState
   pageSize: number
@@ -45,6 +46,7 @@ export function DataTable<TData, TValue>({
   pageIndex,
   pageSize,
   rowCount,
+  onRowSelectionChange,
   hiddenColumn = []
 }: DataTableProps<TData, TValue>) {
   const [searchParams, setSearchParams] = useSearchParams()
@@ -88,8 +90,6 @@ export function DataTable<TData, TValue>({
     })
   }
 
-  // table.getSelectedRowModel().flatRows.map((row) => row.original)
-
   const table = useReactTable({
     data,
     columns,
@@ -114,6 +114,11 @@ export function DataTable<TData, TValue>({
     onPaginationChange: setPagination
   })
 
+  useEffect(() => {
+    const selected = table.getSelectedRowModel().flatRows.map((r) => r.original)
+    onRowSelectionChange?.(selected)
+  }, [rowSelection, table])
+
   return (
     <TableContext value={{ table }}>
       <div className="space-y-2.5 max-md:mb-2">

apps/admin.saladeaula.digital/app/components/range-calendar-filter.tsx

@@ -68,7 +68,7 @@ export function RangeCalendarFilter({
     <Popover>
       <div
         className={cn(
-          'h-9 border rounded-md bg-muted border-dashed flex items-center',
+          'h-9 border rounded-md bg-muted border-dashed flex items-center justify-center',
           className
         )}
       >