I fixed the filter for all the leads

src/components/dashboard/leads-per-month-chart.tsx

@@ -4,14 +4,14 @@ import { useState, useMemo } from "react"
 import { motion } from "framer-motion"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 
-interface MonthlyData {
-  month: string
+interface IntervalData {
+  label: string
   leads: number
   closed: number
 }
 
 interface LeadsPerMonthChartProps {
-  data: MonthlyData[]
+  data: IntervalData[]
 }
 
 const BAR_GRADIENT_TOP = "#3B6AB8"
@@ -138,7 +138,7 @@ export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
 
                   return (
                     <g
-                      key={d.month}
+                      key={d.label}
                       onMouseEnter={() => setHovered(i)}
                       onMouseLeave={() => setHovered(null)}
                       style={{ cursor: "pointer" }}
@@ -188,7 +188,7 @@ export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
                         fontWeight={isActive ? 600 : 400}
                         textAnchor="middle"
                       >
-                        {d.month}
+                        {d.label}
                       </text>
                     </g>
                   )
@@ -216,7 +216,7 @@ export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
                   }}
                 >
                   <div className="mb-1.5 text-xs font-semibold" style={{ color: "hsl(var(--foreground))" }}>
-                    {activeDatum.month}
+                    {activeDatum.label}
                   </div>
                   <div className="mb-1 flex items-center justify-between gap-4 text-xs" style={{ color: "hsl(var(--muted-foreground))" }}>
                     <span className="flex items-center gap-1.5">

src/components/leads/leads-table-toolbar.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import { useState } from "react"
 import { Input } from "@/components/ui/input"
 import { Button } from "@/components/ui/button"
 import {
@@ -10,14 +9,15 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select"
-import { Search, Plus, SlidersHorizontal } from "lucide-react"
-import { LeadStatus } from "@/types"
+import { Search, Plus } from "lucide-react"
 
 interface LeadsTableToolbarProps {
   search: string
   onSearchChange: (value: string) => void
   statusFilter: string
   onStatusFilterChange: (value: string) => void
+  periodFilter: string
+  onPeriodFilterChange: (value: string) => void
   onCreateClick: () => void
 }
 
@@ -26,6 +26,8 @@ export function LeadsTableToolbar({
   onSearchChange,
   statusFilter,
   onStatusFilterChange,
+  periodFilter,
+  onPeriodFilterChange,
   onCreateClick,
 }: LeadsTableToolbarProps) {
   return (
@@ -40,6 +42,18 @@ export function LeadsTableToolbar({
         />
       </div>
       <div className="flex items-center gap-3">
+        <Select value={periodFilter} onValueChange={onPeriodFilterChange}>
+          <SelectTrigger className="h-9 w-[150px]">
+            <SelectValue placeholder="All Time" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">All Time</SelectItem>
+            <SelectItem value="7days">Last 7 days</SelectItem>
+            <SelectItem value="30days">Last 30 days</SelectItem>
+            <SelectItem value="6months">Last 6 months</SelectItem>
+            <SelectItem value="12months">Last 12 months</SelectItem>
+          </SelectContent>
+        </Select>
         <Select value={statusFilter} onValueChange={onStatusFilterChange}>
           <SelectTrigger className="h-9 w-[140px]">
             <SelectValue placeholder="All Statuses" />
@@ -53,10 +67,6 @@ export function LeadsTableToolbar({
             <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>