/* OrchEcomm — tabbed Settings page. */ function SettingsScreen({ onToast }) { const I = window.OcIcons; const { Card, CardHeader, Input, Button, Switch, Avatar, Badge } = window.OrchEcommDesignSystem_091be6; const [tab, setTab] = React.useState("General"); const tabs = ["General", "Integrations", "Billing", "Team", "Notifications"]; const Field = ({ label, children }) => ( ); const Select = ({ value }) => (
{value}
); return (
{tabs.map((t) => ( ))}
{tab === "General" ? (
PNG or SVG, used on generated content
} />
) : null} {tab === "Integrations" ? (
{[["Stripe Payments", "Card", "Connected", "success"], ["WooCommerce", "Store", "Needs reauthorization", "warning"], ["Shopify", "Bag", "Connected", "success"], ["Email Automation", "Mail", "Not connected", "neutral"]].map(([name, ic, label, tone], i, arr) => { const Icon = I[ic]; return
{name} {label}
; })}
) : null} {tab === "Billing" ? (
Current plan
Pro · $49/mo
Renews Jul 1, 2026
Visual assets this month1,204 / 2,000
API requests48k / 100k
) : null} {tab === "Team" ? (
3 members
{[["Cristian Babalau", "cristian@evergreengoods.co", "Owner"], ["Ana Popescu", "ana@evergreengoods.co", "Admin"], ["Design Team", "design@evergreengoods.co", "Editor"]].map(([name, email, role], i, arr) => (
{name}
{email}
{role}
))}
) : null} {tab === "Notifications" ? (
{[["Sync failures", true], ["New orders", true], ["Weekly summary", true], ["Module recommendations", false], ["Low stock alerts", true], ["Billing & usage", false]].map(([l, on], i) => (
{l}
))}
) : null}
); } window.SettingsScreen = SettingsScreen;