LeadPage (page.tsx)

matsource · ui, lead-management, contact-details, crm

Displays detailed view of a single lead including contact information, status, and associated call attempts in a tabular format.

import { Suspense } from "react"
import { createClient } from "@/utils/supabase/server"
import { notFound } from "next/navigation"
import { DataTable } from "@/components/ui/data-table"
import { columns } from "@/components/calls/calls-columns"
import { Lead, CallAttemptWithLead } from "@/lib/models/leads"
import { 
  PhoneIcon, 
  MailIcon, 
  CalendarIcon, 
  ClockIcon,
  PhoneCallIcon,
  ArrowLeftIcon
} from "lucide-react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { format, parseISO, formatDistanceToNow } from "date-fns"
import Link from "next/link"
import { LoadingSpinner } from "@/components/ui/loading-spinner"

// Helper function to render status 

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search 40K more like it.

Get a free API key