/* mobile.jsx — tab bar + five app screens, rendered across three palettes. */ /* ---------- Bottom tab bar ---------- */ window.TabBar = function TabBar({ palette, active, tone = "light" }) { const dark = tone === "dark"; const items = [ { id: "Home", icon: "◎" }, { id: "Barrel", icon: "▣" }, { id: "Drop", icon: "◈" }, { id: "Events", icon: "▷" }, { id: "Chat", icon: "◇" }, ]; return (
{items.map(it => { const on = active === it.id; return (
{it.icon} {it.id}
); })}
); }; /* ---------- Helpers ---------- */ function Section({ children, style = {} }) { return
{children}
; } function Stat({ k, v, sub, palette }) { return (
{k}
{v}
{sub &&
{sub}
}
); } /* ---------- Home ---------- */ window.HomeScreen = function HomeScreen({ palette, variant = "editorial" }) { const Wordmark = window.Wordmark; return (
{/* Greeting */}
SR
Good evening, Sam
Your cask turned one yesterday.
{/* Featured cask card */}
Your barrel
No. 0142 · Heaven's Floor
72 / 400 staves sponsored
{/* Today band */}
Today
{[ ["Vote open", "Pull 0141 summer or hold", "Ends Thu"], ["Journal", "'The angels took 37 gallons'", "2 min"], ["Livecam", "Rickhouse 5F · 78° F", "Watching 12"], ].map(([k, t, m]) => (
{k} {t} {m}
))}
{/* Next drop strip */}
Next bottling
Cask 0139 · ships Jun 14
); }; /* ---------- Sponsor a barrel ---------- */ window.BarrelScreen = function BarrelScreen({ palette, variant = "editorial" }) { const [qty, setQty] = React.useState(1); return (
{/* Hero */}
Sponsor a stave
Cask 0142
Heaven's Floor
{/* Live readings */}
Readings · live
{/* Tasting note */}
Q1 tasting
"Tangerine peel, toasted almond, a whisper of leather. Still tight on the mid-palate — another summer would carry it well."
— R. Hollis, master
{/* Stave selector */}
Staves
{qty}
{qty} × $72${(qty * 72).toFixed(0)}.00
Projected bottles{qty * 2}
{/* Scrollable gutter space */}
The charter
One stave is one vote and roughly two bottles. Majority rules on pull date, cut proof, and label. Bottles ship at maturity, at-cost for members.
); }; /* ---------- Collection ---------- */ window.CollectionScreen = function CollectionScreen({ palette }) { const bottles = [ { n: "No. 0138", name: "Winter Thaw", age: "4y 2m", cut: "108°", status: "DRINKING" }, { n: "No. 0139", name: "Third Coast", age: "3y 11m", cut: "110°", status: "SHIPS JUN 14" }, { n: "No. 0141", name: "Paper Mill", age: "3y 5m", cut: "TBD", status: "VOTE OPEN" }, { n: "No. 0142", name: "Heaven's Floor", age: "1y 1m", cut: "—", status: "AGING" }, ]; return (
My collection
4 casks, 19 staves
≈ 38 bottles pending · since Mar '24
{bottles.map((b, i) => (
{b.n} · {b.age}
{b.name}
Cut {b.cut}
{b.status}
))}
); }; /* ---------- Events ---------- */ window.EventsScreen = function EventsScreen({ palette }) { const events = [ { date: "MAY 02", title: "Blind tasting · 0141", place: "Rickhouse 5F, 7pm", seats: "12 left" }, { date: "MAY 19", title: "Coopers' open house", place: "Barrel yard, all day", seats: "Open" }, { date: "JUN 14", title: "Bottling party · 0139", place: "Label it yourself", seats: "SOLD OUT" }, { date: "JUL 03", title: "Summer quarterly pour", place: "Mailed to members", seats: "Auto" }, ]; return (
Events
Rickhouse calendar
{events.map((e, i) => (
{e.date}
{e.title}
{e.place}
{e.seats}
))}
); }; /* ---------- Chat / Clubhouse ---------- */ window.ChatScreen = function ChatScreen({ palette }) { const msgs = [ { who: "Hollis", role: "master", text: "Pulled Q1 sample from 0142 this morning. Tangerine's louder than I'd have guessed." }, { who: "Sam R.", role: "stave × 4", text: "Voting hold. Another summer and that mid-palate relaxes." }, { who: "Maren", role: "stave × 2", text: "Agree, but only if we can get an August temp reading before we commit." }, { who: "W.P.", role: "cooper", text: "North side floor is running a touch hot — 80°F at noon. I'll post a chart." }, { who: "Sam R.", role: "stave × 4", text: "Perfect. Pass that along to R." }, ]; return (
Clubhouse · #0142
Heaven's Floor
{msgs.map((m, i) => (
{m.who.slice(0, 1)}
{m.who} {m.role}
{m.text}
))}
✎ Say something considered…
); };