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

fix: hide scroll depth and trend chart when rate-limited

Browse Source 
Frustration APIs and dashboard API are separate — when frustration
calls fail, Scroll Depth still rendered from cached SWR data,
creating a broken mixed state. Now tracks error state and hides
the bottom section entirely on failure.
This commit is contained in:
Usman Baig
2026-03-12 18:35:36 +01:00
parent 540c774100
commit eb17e8e8d6
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/sites/[id]/behavior/page.tsx
View File

@@ -53,6 +53,7 @@ export default function BehaviorPage() {
const [deadClicks, setDeadClicks] = useState<{ items: FrustrationElement[]; total: number }>({ items: [], total: 0 }) const [deadClicks, setDeadClicks] = useState<{ items: FrustrationElement[]; total: number }>({ items: [], total: 0 })
const [byPage, setByPage] = useState<FrustrationByPage[]>([]) const [byPage, setByPage] = useState<FrustrationByPage[]>([])
const [loading, setLoading] = useState(true) const [loading, setLoading] = useState(true)
const [error, setError] = useState(false)
const refreshRef = useRef<ReturnType<typeof setInterval> | null>(null) const refreshRef = useRef<ReturnType<typeof setInterval> | null>(null)
// Fetch dashboard data for scroll depth (goal_counts + stats) // Fetch dashboard data for scroll depth (goal_counts + stats)
@@ -70,7 +71,9 @@ export default function BehaviorPage() {
setRageClicks(rageData) setRageClicks(rageData)
setDeadClicks(deadData) setDeadClicks(deadData)
setByPage(pageData) setByPage(pageData)
setError(false)
} catch { } catch {
setError(true)
toast.error('Failed to load behavior data') toast.error('Failed to load behavior data')
} finally { } finally {
setLoading(false) setLoading(false)
@@ -185,14 +188,16 @@ export default function BehaviorPage() {
{/* By page breakdown */} {/* By page breakdown */}
<FrustrationByPageTable pages={byPage} loading={loading} /> <FrustrationByPageTable pages={byPage} loading={loading} />
{/* Scroll depth + Frustration trend */} {/* Scroll depth + Frustration trend — hide when data failed to load */}
<div className="grid gap-6 lg:grid-cols-2 mb-8"> {!error && (
<ScrollDepth <div className="grid gap-6 lg:grid-cols-2 mb-8">
goalCounts={dashboard?.goal_counts ?? []} <ScrollDepth
totalPageviews={dashboard?.stats?.pageviews ?? 0} goalCounts={dashboard?.goal_counts ?? []}
/> totalPageviews={dashboard?.stats?.pageviews ?? 0}
<FrustrationTrend summary={summary} loading={loading} /> />
</div> <FrustrationTrend summary={summary} loading={loading} />
</div>
)}
<DatePicker <DatePicker
isOpen={isDatePickerOpen} isOpen={isDatePickerOpen}