{children}
);
}
function ProgressBar({ value }) {
return (
);
}
function useCardProgress(containerRef, deps) {
const [progress, setProgress] = useState(0);
useEffect(() => {
const root = containerRef.current;
if (!root) return;
const cards = Array.from(root.querySelectorAll("[data-ug-card]"));
if (!cards.length) { setProgress(0); return; }
const seen = new Set();
const io = new IntersectionObserver((entries) => {
entries.forEach((en) => {
if (en.isIntersecting) seen.add(en.target);
});
setProgress(Math.min(1, seen.size / cards.length));
}, { root: null, threshold: 0.45 });
cards.forEach((c) => io.observe(c));
return () => io.disconnect();
}, deps);
return progress;
}
function LinkCta({ href, children, external }) {
return (
{children}
);
}
function ArrowLink({ onClick, children }) {
return (
);
}
function ExpandBtn({ open, onClick, children }) {
return (
);
}
function SubFlow({ children }) {
return
{children}
;
}
function CashOutChips() {
const tips = {
P2P: "Send $cUSD peer to peer via a wallet or payment app your recipient already uses.",
"Off-ramp": "Convert crypto to local currency through a licensed off-ramp provider.",
Exchange: "Deposit to an exchange that lists CELO assets, then withdraw to your bank.",
Swap: "Swap $cUSD to another token on a Celo DEX before cashing out.",
};
return (
);
}
function FundingSubFlow() {
return (
Go to Account Settings, Back up to external wallet, reveal private key, import to MetaMask.}
callout={<>Need CELO for gas fees? Email support@decleanup.net with subject GAS FEES REQUEST.}
/>
Connect your MetaMask wallet, find DeCleanup Network, stake your $cDCU.}
cta={Open Gardens.fund}
/>
Include: date, location, participant count, itemized expenses, impact portfolio link, social post link, beneficiary address. Max 90 $cUSD.}
/>
Votes build over time. Once conviction reaches the threshold, funds release automatically. Allow at least one month.}
/>
);
}
function TrashAthleteSubFlow() {
return (
One piece per day for 30 days. Post on socials with #TrashMob2026MMDD#GlobalCleanupGamesOrg#DeCleanupNetwork.}
/>
);
}
function InstallTips({ which, onToggle }) {
return (
);
}
function VolunteerGuide({ onJumpCard, expandFunding, setExpandFunding }) {
const [installTip, setInstallTip] = useState(null);
const [expandTA, setExpandTA] = useState(false);
return (
<>
Go to dapp.decleanup.net in your browser, then add it to your home screen.}
cta={ setInstallTip((cur) => (cur === v ? null : v))} />}
>
{installTip === "android" && (
Chrome: menu, Add to Home screen or Install app. Confirm, then open from your home screen.
)}
{installTip === "ios" && (
Safari: Share, Add to Home Screen, Add. Open the icon from your home screen.
)}
Open dapp.decleanup.net}
/>
Waste amount, participant count, each participant's wallet or email. Required for funding. Your Impact Report stays with the submission.}
/>
Once approved, go to your dashboard and tap Claim Level. You earn 10 DCU plus 5 per report filed.}
/>
Action
DCU
Verified cleanup
10
Impact report filed
+5
Verification (verifier)
Shown in app
Every 50 DCU unlocks one $cDCU claim. You need 250 $cDCU to vote or apply for funding.}
/>
10 verified cleanups reach Level 10 and unlock a Hypercert: your permanent onchain impact certificate.}
/>
Apply for funding
Once you have 250 $cDCU, you can submit a funding proposal on Gardens.fund.
{ setExpandFunding((v) => !v); setExpandTA(false); }}>
See funding steps
Trash Athlete Challenge
30 days of daily micro-cleanups earns 150 $cDCU automatically.
{ setExpandTA((v) => !v); setExpandFunding(false); }}>
See how
{expandFunding && }
{expandTA && }
);
}
function CoordinatorGuide({ goVolunteer, setExpandFunding, expandFunding }) {
return (
<>
goVolunteer("vol-1")}>Volunteer guide}
/>
Date, location, equipment, logistics. Share decleanup.net/userguide with all participants.}
/>
goVolunteer("vol-4")}>Submission guide}
/>
Every verified cleanup adds to your Impact Portfolio. Funders and voters check this.}
/>
Same proposal process as volunteers. Cover equipment, logistics, and transport for your group. Max 90 $cUSD.}
cta={
setExpandFunding((v) => !v)}>
Funding steps
}
/>
{expandFunding && }
t.me/decentralizedcleanupsupport@decleanup.net
}
/>
);
}
function VerifierGuide() {
return (
<>
Verifier access is assigned by the core team. Apply below.