/* Shared UI components for PaddleReviewHub */ const { useState, useEffect, useRef } = React; // ====== ROUTER ====== function useHashRoute() { const [route, setRoute] = useState(window.location.hash.slice(1) || "/"); useEffect(() => { const onChange = () => { setRoute(window.location.hash.slice(1) || "/"); window.scrollTo({ top: 0, behavior: "instant" }); }; window.addEventListener("hashchange", onChange); return () => window.removeEventListener("hashchange", onChange); }, []); return route; } function navigate(path) { window.location.hash = path; } function Link({ to, className, children, ...rest }) { const active = (window.location.hash.slice(1) || "/") === to; return ( {children} ); } // ====== SCORE BADGE ====== function ScoreBadge({ score, size = "md" }) { const tier = score >= 9.0 ? "" : score >= 8.0 ? "tier-green" : "tier-yellow"; const cls = `score-badge ${size === "lg" ? "score-badge-lg" : size === "sm" ? "score-badge-sm" : ""} ${tier}`; return (
{score.toFixed(1)}
OUT OF 10
); } // ====== PADDLE CARD ====== function PaddleCard({ paddle, rank }) { return (
{rank && (
#{rank}
)} {`${paddle.name}
{paddle.brand}
{paddle.name}
{paddle.tagline}
{paddle.stockPrice !== paddle.salePrice && ${paddle.stockPrice}} ${paddle.salePrice}
Read Review →
 ); } // ====== HEADER ====== function Header() { const [mobileOpen, setMobileOpen] = useState(false); const route = useHashRoute(); useEffect(() => { setMobileOpen(false); }, [route]); return (
PaddleReviewHub
PaddleReviewHub Tested. Ranked. Real.
Promo Codes
{mobileOpen && (
setMobileOpen(false)}>Reviews setMobileOpen(false)}>Articles setMobileOpen(false)}>Community setMobileOpen(false)}>Deals setMobileOpen(false)}>About
)}
); } // ====== FOOTER ====== function Footer() { return ( ); } // ====== QUICK ANSWER ====== function QuickAnswer({ children }) { return (
QUICK ANSWER

{children}

); } // ====== PROMO BOX ====== function PromoBox({ code, discount }) { const [copied, setCopied] = useState(false); const onCopy = () => { navigator.clipboard?.writeText(code); setCopied(true); showToast(`Code ${code} copied`); setTimeout(() => setCopied(false), 1800); }; if (!code) return null; return (
Promo Code
{code}
{discount}
); } // ====== CTA ====== function AffiliateCTA({ paddle, size = "lg", block = true }) { const priceText = paddle.code ? `Get it for $${paddle.salePrice} with code ${paddle.code}` : `Shop at ${paddle.brand} — $${paddle.salePrice}`; const onClick = (e) => { e.preventDefault(); showToast("Demo — affiliate link placeholder"); }; return (
{priceText}
Affiliate link — we may earn a commission.
); } // ====== PERF TABLE ====== function PerfTable({ scores }) { const order = [ ["Power", scores.power], ["Control", scores.control], ["Spin", scores.spin], ["Feel", scores.feel], ["Sweet Spot", scores.sweetspot], ["Forgiveness", scores.forgiveness], ]; return (
{order.map(([label, v]) => (
{label}
{v.toFixed(1)}
))}
); } // ====== TOAST ====== function showToast(msg) { let el = document.getElementById("__toast"); if (!el) { el = document.createElement("div"); el.id = "__toast"; el.className = "toast"; document.body.appendChild(el); } el.textContent = msg; el.classList.add("show"); clearTimeout(el._t); el._t = setTimeout(() => el.classList.remove("show"), 2000); } // ====== NEWSLETTER ====== const EMAIL_CAPTURE_URL = "https://docs.google.com/forms/d/e/1FAIpQLSc6O00N1ZZAGBeaMBJ85A7i0jL24pBkTt7xgjY2dCylQESTyw/viewform?usp=publish-editor"; function Newsletter() { return (

New reviews in your inbox.

One email per month. New paddle reviews, active promo codes, and community giveaway updates. No spam, no sponsored nonsense. More reviews coming soon.

Subscribe to the newsletter Opens our signup form in a new tab. Unsubscribe any time.
); } // ====== EXPORT ====== Object.assign(window, { useHashRoute, navigate, Link, ScoreBadge, PaddleCard, Header, Footer, QuickAnswer, PromoBox, AffiliateCTA, PerfTable, Newsletter, showToast, });