/* home_dayone.jsx - day-zero Home in the core mobile shell. */
const SectionKicker = ({ children, style }) => (
{children}
);
const GetStartedCard = ({ steps, onDismiss }) => (
Get started
{steps.map((s, i) => (
))}
);
const NeedsYouCard = ({ onReview }) => (
Yoshi agent
Buy $500.00 of NVDA every market day
$500.00
Review
);
const NeedsYouSection = ({ flash }) => (
Needs you
flash && flash("Review opens in the full app")} />
);
const HoldingRow = ({ h, last, flash }) => {
const up = h.dch >= 0;
const priceMove = h.last * h.dch / 100;
return (
);
};
const HoldingsList = ({ flash }) => {
const order = ["vti", "btc", "voo", "aapl", "nvda", "sol"];
const source = (typeof window !== "undefined" && window.HOLDINGS) || (typeof HOLDINGS !== "undefined" ? HOLDINGS : []);
const holdings = order
.map((id) => source.find((h) => h.id === id))
.filter(Boolean);
return (
Holdings
{holdings.map((h, i) => )}
);
};
const HomeDayOne = ({ balance = 0, goal, externals = [], linkedCount, nav, flash, onAddMoney, onConnect, onPickGoal }) => {
const [getStartedDismissed, setGetStartedDismissed] = React.useState(false);
const accts = externals.length ? externals : [];
const linked = accts.length || (linkedCount || 0);
const hasFunding = balance > 0;
const hasConnections = linked > 1;
const showActivation = !(hasFunding && hasConnections);
const connectTitle = hasConnections
? `${linked} account${linked === 1 ? "" : "s"} connected`
: "Connect accounts";
const connectSub = hasConnections
? "Add more anytime in Accounts"
: "So Yoshi can spot ideas everywhere";
const steps = [
!hasFunding && {
key: "fund",
icon: "plus",
title: hasFunding ? `Added ${usd(balance, 0)}` : "Add money",
sub: hasFunding ? "Ready to put to work" : "So Yoshi can start growing your money",
done: hasFunding,
onClick: onAddMoney,
},
!hasConnections && {
key: "connect",
icon: "route",
title: connectTitle,
sub: connectSub,
done: hasConnections,
onClick: onConnect,
},
].filter(Boolean);
return (
{showActivation && !getStartedDismissed && (
setGetStartedDismissed(true)} />
)}
);
};
window.HomeDayOne = HomeDayOne;