diff --git a/components/behavior/FrustrationSummaryCards.tsx b/components/behavior/FrustrationSummaryCards.tsx index d1bd8a2..a271326 100644 --- a/components/behavior/FrustrationSummaryCards.tsx +++ b/components/behavior/FrustrationSummaryCards.tsx @@ -58,7 +58,7 @@ export default function FrustrationSummaryCards({ data, loading }: FrustrationSu const rageChange = pctChange(data.rage_clicks, data.prev_rage_clicks) const deadChange = pctChange(data.dead_clicks, data.prev_dead_clicks) const topPage = data.rage_top_page || data.dead_top_page - const topPageTotal = data.rage_clicks + data.dead_clicks + const totalSignals = data.rage_clicks + data.dead_clicks return (
@@ -94,22 +94,20 @@ export default function FrustrationSummaryCards({ data, loading }: FrustrationSu

- {/* Most Frustrated Page */} + {/* Total Frustration Signals */}

- Most Frustrated Page + Total Signals

+ + {totalSignals.toLocaleString()} + {topPage ? ( - <> -

- {topPage} -

-

- {topPageTotal.toLocaleString()} total signals -

- +

+ Top page: {topPage} +

) : ( -

+

No data in this period

)} diff --git a/public/script.js b/public/script.js index be787dd..4ead55b 100644 --- a/public/script.js +++ b/public/script.js @@ -631,8 +631,9 @@ }); var mutOpts = { childList: true, attributes: true, characterData: true, subtree: true }; mutationObs.observe(target, mutOpts); - if (target.parentElement) { - mutationObs.observe(target.parentElement, mutOpts); + var parent = target.parentElement; + if (parent && parent.tagName !== 'HTML' && parent.tagName !== 'BODY') { + mutationObs.observe(parent, { childList: true }); } } catch (ex) { mutationObs = null;