diff --git a/src/pages/all-leads.tsx b/src/pages/all-leads.tsx index 17bce3b..dbb2427 100644 --- a/src/pages/all-leads.tsx +++ b/src/pages/all-leads.tsx @@ -1,4 +1,5 @@ import { useMemo, useState } from 'react'; +import { useSearchParams } from 'react-router'; import { ArrowLeft, Download01, FilterLines, SearchLg, SwitchVertical01 } from '@untitledui/icons'; import { Button } from '@/components/base/buttons/button'; import { Input } from '@/components/base/input/input'; @@ -29,11 +30,13 @@ const PAGE_SIZE = 25; export const AllLeadsPage = () => { const { user } = useAuth(); + const [searchParams] = useSearchParams(); + const initialSource = searchParams.get('source') as LeadSource | null; const [tab, setTab] = useState('new'); const [selectedIds, setSelectedIds] = useState([]); const [sortField, setSortField] = useState('createdAt'); const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('desc'); - const [sourceFilter, setSourceFilter] = useState(null); + const [sourceFilter, setSourceFilter] = useState(initialSource); const [searchQuery, setSearchQuery] = useState(''); const [currentPage, setCurrentPage] = useState(1); diff --git a/src/pages/lead-workspace.tsx b/src/pages/lead-workspace.tsx index ee6235d..47a87a7 100644 --- a/src/pages/lead-workspace.tsx +++ b/src/pages/lead-workspace.tsx @@ -1,4 +1,5 @@ import { useState } from 'react'; +import { AnimatePresence, motion } from 'motion/react'; import { Button } from '@/components/base/buttons/button'; import { TopBar } from '@/components/layout/top-bar'; @@ -81,23 +82,35 @@ export const LeadWorkspacePage = () => {

New Leads

-
- {displayLeads.map((lead) => ( - - ))} + + {displayLeads.map((lead) => ( + + + + ))} + {displayLeads.length === 0 && (

No leads match the current filters.