ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

feat(empty-states): add undraw illustrations to empty state screens

Browse Source 
Add brand-orange recolored SVG illustrations from undraw to five empty
states: sites list, dashboard chart, funnels, journeys, and behavior.
This commit is contained in:
Usman Baig
2026-03-23 15:23:26 +01:00
parent d6cef95c4b
commit 645e3e78ef
10 changed files with 209 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/sites/[id]/funnels/page.tsx
View File

@@ -6,6 +6,7 @@ import { useFunnels } from '@/lib/swr/dashboard'
import { toast, PlusIcon, ArrowRightIcon, ChevronLeftIcon, TrashIcon, Button } from '@ciphera-net/ui'
import { FunnelsListSkeleton, useMinimumLoading, useSkeletonFade } from '@/components/skeletons'
import Link from 'next/link'
import Image from 'next/image'
export default function FunnelsPage() {
const params = useParams()
@@ -55,10 +56,15 @@ export default function FunnelsPage() {
</div>
{funnels.length === 0 ? (
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-12 text-center">
<div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-4 mx-auto mb-4 w-fit">
<ArrowRightIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
</div>
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-12 text-center flex flex-col items-center">
<Image
src="/illustrations/data-trends.svg"
alt="Create your first funnel"
width={260}
height={195}
className="mb-6"
unoptimized
/>
<h3 className="text-lg font-semibold text-neutral-900 dark:text-white mb-2">
No funnels yet
</h3>