projects ProjectEmptyState.tsx

100% Statements 1/1

100% Branches 0/0

100% Functions 1/1

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28  
 
 
 
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Plus, Image as ImageIcon } from "lucide-react";
import { Card, CardContent } from "../ui/card";
import { Button } from "../ui/button";
 
interface ProjectEmptyStateProps {
	onCreateProject: () => void;
}
 
export function ProjectEmptyState({ onCreateProject }: ProjectEmptyStateProps) {
	return (
		<Card>
			<CardContent className="py-12 text-center">
				<ImageIcon className="mx-auto h-12 w-12 text-foreground-subtle" />
				<h3 className="mt-4 text-lg font-medium text-foreground-default">
					No projects yet
				</h3>
				<p className="mt-2 text-foreground-muted">
					Create your first project to showcase your work.
				</p>
				<Button onClick={onCreateProject} className="mt-4">
					<Plus className="h-4 w-4 mr-2" />
					Create Project
				</Button>
			</CardContent>
		</Card>
	);
}