Build fixes, email preview system

src/components/data/current-open-invoice-card.tsx

@@ -1,21 +1,12 @@
 "use client";
 
+import { Calendar, Clock, Edit, Eye, FileText, Plus, User } from "lucide-react";
 import Link from "next/link";
-import { api } from "~/trpc/react";
-import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";
-import { Button } from "~/components/ui/button";
 import { Badge } from "~/components/ui/badge";
+import { Button } from "~/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";
 import { Skeleton } from "~/components/ui/skeleton";
-import {
-  FileText,
-  Clock,
-  Plus,
-  Edit,
-  Eye,
-  DollarSign,
-  User,
-  Calendar,
-} from "lucide-react";
+import { api } from "~/trpc/react";
 
 export function CurrentOpenInvoiceCard() {
   const { data: currentInvoice, isLoading } =

src/components/data/data-table.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import * as React from "react";
 import type {
   ColumnDef,
   ColumnFiltersState,
@@ -18,23 +17,25 @@ import {
 import {
   ArrowUpDown,
   ChevronDown,
-  Search,
-  Filter,
   ChevronLeft,
   ChevronRight,
   ChevronsLeft,
   ChevronsRight,
+  Filter,
+  Search,
   X,
 } from "lucide-react";
+import * as React from "react";
 
 import { Button } from "~/components/ui/button";
-import { Input } from "~/components/ui/input";
+import { Card, CardContent } from "~/components/ui/card";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
   DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
+import { Input } from "~/components/ui/input";
 import {
   Select,
   SelectContent,
@@ -50,7 +51,6 @@ import {
   TableHeader,
   TableRow,
 } from "~/components/ui/table";
-import { Card, CardContent } from "~/components/ui/card";
 import { cn } from "~/lib/utils";
 
 interface DataTableProps<TData, TValue> {
@@ -77,7 +77,7 @@ interface DataTableProps<TData, TValue> {
 export function DataTable<TData, TValue>({
   columns,
   data,
-  searchKey,
+  searchKey: _searchKey,
   searchPlaceholder = "Search...",
   showColumnVisibility = true,
   showPagination = true,
@@ -511,7 +511,7 @@ export function DataTable<TData, TValue>({
 }
 
 // Helper component for sortable column headers
-export function DataTableColumnHeader<TData, TValue>({
+export function DataTableColumnHeader({
   column,
   title,
   className,
@@ -552,7 +552,7 @@ export function DataTableColumnHeader<TData, TValue>({
 
 // Export skeleton component for loading states
 export function DataTableSkeleton({
-  columns = 5,
+  columns: _columns = 5,
   rows = 5,
 }: {
   columns?: number;

src/components/data/invoice-view.tsx

@@ -89,9 +89,7 @@ export function InvoiceView({ invoiceId }: InvoiceViewProps) {
     deleteInvoice.mutate({ id: invoiceId });
   };
 
-  const handleStatusUpdate = (
-    newStatus: "draft" | "sent" | "paid" | "overdue",
-  ) => {
+  const handleStatusUpdate = (newStatus: "draft" | "sent" | "paid") => {
     updateStatus.mutate({ id: invoiceId, status: newStatus });
   };