diff --git a/src/components/Dashboard/ProgressStack.tsx b/src/components/Dashboard/ProgressStack.tsx index 56ee0357b..4515e08d1 100644 --- a/src/components/Dashboard/ProgressStack.tsx +++ b/src/components/Dashboard/ProgressStack.tsx @@ -1,4 +1,10 @@ -import { ArrowUpRight } from 'lucide-react'; +import { + ArrowUpRight, + Bookmark, + FolderKanban, + type LucideIcon, + Map, +} from 'lucide-react'; import type { UserProgress } from '../TeamProgress/TeamProgressPage'; import type { ProjectStatusDocument } from '../Projects/ListProjectSolutions'; import { DashboardBookmarkCard } from './DashboardBookmarkCard'; @@ -28,9 +34,14 @@ type ProgressLaneProps = { linkText?: string; linkHref?: string; isLoading?: boolean; + isEmpty?: boolean; loadingSkeletonCount?: number; loadingSkeletonClassName?: string; children: React.ReactNode; + emptyMessage?: string; + emptyIcon?: LucideIcon; + emptyLinkText?: string; + emptyLinkHref?: string; }; function ProgressLane(props: ProgressLaneProps) { @@ -42,25 +53,37 @@ function ProgressLane(props: ProgressLaneProps) { loadingSkeletonCount = 4, loadingSkeletonClassName = '', children, + isEmpty = false, + emptyIcon: EmptyIcon = Map, + emptyMessage = `No ${title.toLowerCase()} to show`, + emptyLinkHref = '/roadmaps', + emptyLinkText = 'Explore', } = props; return ( -