Initial commit

2026-06-17 13:51:22 +02:00
commit 4898bf7142
81 changed files with 12522 additions and 0 deletions
@@ -0,0 +1,67 @@
+"use client"
+
+import { useState } from "react"
+import { Input } from "@/components/ui/input"
+import { Button } from "@/components/ui/button"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import { Search, Plus, SlidersHorizontal } from "lucide-react"
+import { LeadStatus } from "@/types"
+
+interface LeadsTableToolbarProps {
+  search: string
+  onSearchChange: (value: string) => void
+  statusFilter: string
+  onStatusFilterChange: (value: string) => void
+  onCreateClick: () => void
+}
+
+export function LeadsTableToolbar({
+  search,
+  onSearchChange,
+  statusFilter,
+  onStatusFilterChange,
+  onCreateClick,
+}: LeadsTableToolbarProps) {
+  return (
+    <div className="flex flex-1 flex-col gap-4 sm:flex-row sm:items-center">
+      <div className="relative flex-1">
+        <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+        <Input
+          placeholder="Search by name, company, email..."
+          value={search}
+          onChange={(e) => onSearchChange(e.target.value)}
+          className="h-9 pl-9 w-full sm:max-w-sm"
+        />
+      </div>
+      <div className="flex items-center gap-3">
+        <Select value={statusFilter} onValueChange={onStatusFilterChange}>
+          <SelectTrigger className="h-9 w-[140px]">
+            <SelectValue placeholder="All Statuses" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">All Statuses</SelectItem>
+            <SelectItem value="open">Open</SelectItem>
+            <SelectItem value="contacted">Contacted</SelectItem>
+            <SelectItem value="pending">Pending</SelectItem>
+            <SelectItem value="closed">Closed</SelectItem>
+            <SelectItem value="ignored">Ignored</SelectItem>
+          </SelectContent>
+        </Select>
+        <Button size="sm" variant="outline" className="h-9 gap-2">
+          <SlidersHorizontal className="h-4 w-4" />
+          <span className="hidden sm:inline">Filters</span>
+        </Button>
+        <Button size="sm" className="h-9 gap-2" onClick={onCreateClick}>
+          <Plus className="h-4 w-4" />
+          <span className="hidden sm:inline">Create Lead</span>
+        </Button>
+      </div>
+    </div>
+  )
+}