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

Phase 1: Fix remaining button inconsistencies across all pages

Browse Source
This commit is contained in:
Usman Baig
2026-02-05 16:33:36 +01:00
parent 19a9b322d4
commit 9ec441c932
7 changed files with 40 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
import { useParams, useRouter } from 'next/navigation'
import { ApiError } from '@/lib/api/client'
import { getFunnel, getFunnelStats, deleteFunnel, type Funnel, type FunnelStats } from '@/lib/api/funnels'
import { toast, LoadingOverlay, Select, DatePicker, ChevronLeftIcon, ArrowRightIcon, TrashIcon, useTheme } from '@ciphera-net/ui'
import { toast, LoadingOverlay, Select, DatePicker, ChevronLeftIcon, ArrowRightIcon, TrashIcon, useTheme, Button } from '@ciphera-net/ui'
import Link from 'next/link'
import {
BarChart,
@@ -107,8 +107,10 @@ export default function FunnelReportPage() {
return (
<div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
<p className="text-neutral-600 dark:text-neutral-400">Access denied</p>
<Link href={`/sites/${siteId}/funnels`} className="btn-primary mt-4 inline-block">
Back to Funnels
<Link href={`/sites/${siteId}/funnels`}>
<Button variant="primary" className="mt-4">
Back to Funnels
</Button>
</Link>
</div>
)
@@ -118,9 +120,9 @@ export default function FunnelReportPage() {
return (
<div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
<p className="text-neutral-600 dark:text-neutral-400 mb-4">Unable to load funnel</p>
<button type="button" onClick={() => loadData()} className="btn-primary">
<Button type="button" onClick={() => loadData()} variant="primary">
Try again
</button>
</Button>
</div>
)
}

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

@@ -215,16 +215,15 @@ export default function CreateFunnelPage() {
</div>
<div className="flex justify-end gap-4">
<Link
href={`/sites/${siteId}/funnels`}
className="btn-secondary"
>
Cancel
<Link href={`/sites/${siteId}/funnels`}>
<Button variant="secondary">
Cancel
</Button>
</Link>
<Button
type="submit"
disabled={saving}
className="btn-primary"
variant="primary"
>
{saving ? 'Creating...' : 'Create Funnel'}
</Button>

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

@@ -3,7 +3,7 @@
import { useCallback, useEffect, useState } from 'react'
import { useParams, useRouter } from 'next/navigation'
import { listFunnels, deleteFunnel, type Funnel } from '@/lib/api/funnels'
import { toast, LoadingOverlay, PlusIcon, ArrowRightIcon, ChevronLeftIcon, TrashIcon } from '@ciphera-net/ui'
import { toast, LoadingOverlay, PlusIcon, ArrowRightIcon, ChevronLeftIcon, TrashIcon, Button } from '@ciphera-net/ui'
import Link from 'next/link'
export default function FunnelsPage() {
@@ -66,12 +66,11 @@ export default function FunnelsPage() {
</p>
</div>
<div className="ml-auto">
<Link
href={`/sites/${siteId}/funnels/new`}
className="btn-primary inline-flex items-center gap-2"
>
<PlusIcon className="w-4 h-4" />
<span>Create Funnel</span>
<Link href={`/sites/${siteId}/funnels/new`}>
<Button variant="primary" className="inline-flex items-center gap-2">
<PlusIcon className="w-4 h-4" />
<span>Create Funnel</span>
</Button>
</Link>
</div>
</div>
@@ -87,12 +86,11 @@ export default function FunnelsPage() {
<p className="text-neutral-600 dark:text-neutral-400 mb-6 max-w-md mx-auto">
Create a funnel to track how users move through your site and where they drop off.
</p>
<Link
href={`/sites/${siteId}/funnels/new`}
className="btn-primary inline-flex items-center gap-2"
>
<PlusIcon className="w-4 h-4" />
<span>Create Funnel</span>
<Link href={`/sites/${siteId}/funnels/new`}>
<Button variant="primary" className="inline-flex items-center gap-2">
<PlusIcon className="w-4 h-4" />
<span>Create Funnel</span>
</Button>
</Link>
</div>
) : (