// Farmer.jsx — Pamoja dMRV Farmer portal (mobile-first) // One household, one stove card, traffic-light status, plain-language prompts. // Trilingual: Kinyarwanda (rw) / Kiswahili (sw) / English (en). Default rw. const FARMER_C = { bg: '#F6F8F7', ink: '#022C28', paper: '#FFFFFF', line: '#E5E7EB', mute: '#6B7280', faint: '#9CA3AF', forest: '#022C28', gold: '#F4C300', green: '#2BC48A', greenDeep: '#0E8C5A', amber: '#F59E0B', red: '#DC2626', paperWarm: '#FBF9F2', }; // ─── Strings ────────────────────────────────────────────────────── const S = { rw: { greeting: 'Mwaramutse, Marie', sub: 'Imbabura yawe yiteguye', myStove: 'Imbabura yanjye', household: 'Urugo 0421 · Rwamagana', statusGood: 'Byose biri neza', lastVisit: 'Uruzinduko ruheruka', daysAgo: 'iminsi 12 ishize', nextVisit: 'Uruzinduko rukurikira', inDays: 'mu minsi 18', quickCheck: 'Subiza ibibazo 3 by\u2019uyu munsi', q1: 'Wakoresheje imbabura uyu munsi?', q2: 'Yashyushye neza?', q3: 'Hari ibibazo?', yes: 'Yego', no: 'Oya', notSure: 'Sinzi', submit: 'Ohereza', photo: 'Ohereza ifoto', photoSub: 'Igikoni · imbabura igaragara', problem: 'Mvuga ikibazo', problemSub: 'Niba imbabura idakora', history: 'Amateka', historySub: 'Reba uruzinduko n\u2019ibyabaye', settings: 'Igenamiterere', signedTamper: 'Byanditse · bishyizweho umukono', welcome: 'Murakaza neza', languagePick: 'Hitamo ururimi', learnMore: 'Iyi mbabura igabanya isuri', learnSub: 'Niba ukoresha buri munsi, ufasha ishyamba.', syncOk: 'Byohererejwe · 09:42', syncOffline: 'Nta murongo · bizohererezwa nyuma', appName: 'Pamoja Imbabura', creditsThis: 'Iki gihembwe', credits: 'Tani 0.18 CO\u2082e', creditsNote: 'Ufashe ishyamba', today: 'Uyu munsi', period: 'Iki gihembwe', visits: 'uruzinduko', reportTitle: 'Mvuga ikibazo', whatHappened: 'Ni iki kibaye?', optSmoke: 'Umwotsi mwinshi', optBroken: 'Yangiritse', optHot: 'Iratwika cyane', optOther: 'Ikindi', send: 'Ohereza', cancel: 'Hagarika', voiceHint: 'Cyangwa kanda kuvuga', consent: 'Amakuru yanjye ni ayanjye. Pamoja iyakoresha kuva 2024.', }, sw: { greeting: 'Habari, Marie', sub: 'Jiko lako liko tayari', myStove: 'Jiko langu', household: 'Kaya 0421 · Rwamagana', statusGood: 'Yote ni sawa', lastVisit: 'Ziara ya mwisho', daysAgo: 'siku 12 zilizopita', nextVisit: 'Ziara ijayo', inDays: 'baada ya siku 18', quickCheck: 'Jibu maswali 3 ya leo', q1: 'Umetumia jiko leo?', q2: 'Lilipata moto vizuri?', q3: 'Kuna shida yoyote?', yes: 'Ndiyo', no: 'Hapana', notSure: 'Sijui', submit: 'Tuma', photo: 'Tuma picha', photoSub: 'Jikoni · jiko linaonekana', problem: 'Ripoti tatizo', problemSub: 'Ikiwa jiko halifanyi kazi', history: 'Historia', historySub: 'Tazama ziara na matukio', settings: 'Mipangilio', signedTamper: 'Imesainiwa · salama', welcome: 'Karibu', languagePick: 'Chagua lugha', learnMore: 'Jiko hili linapunguza ukataji', learnSub: 'Ukilitumia kila siku, unasaidia msitu.', syncOk: 'Imetumwa · 09:42', syncOffline: 'Hakuna mtandao · itatumwa baadaye', appName: 'Pamoja Jiko', creditsThis: 'Kipindi hiki', credits: 'Tani 0.18 CO\u2082e', creditsNote: 'Umesaidia msitu', today: 'Leo', period: 'Kipindi hiki', visits: 'ziara', reportTitle: 'Ripoti tatizo', whatHappened: 'Nini kimetokea?', optSmoke: 'Moshi mwingi', optBroken: 'Imevunjika', optHot: 'Inawaka sana', optOther: 'Nyingine', send: 'Tuma', cancel: 'Ghairi', voiceHint: 'Au bonyeza kusema', consent: 'Data yangu ni yangu. Pamoja inaitumia tangu 2024.', }, en: { greeting: 'Good morning, Marie', sub: 'Your stove is ready', myStove: 'My stove', household: 'Household 0421 · Rwamagana', statusGood: 'Everything looks good', lastVisit: 'Last visit', daysAgo: '12 days ago', nextVisit: 'Next visit', inDays: 'in 18 days', quickCheck: 'Answer 3 quick questions', q1: 'Did you use the stove today?', q2: 'Did it heat well?', q3: 'Any problems?', yes: 'Yes', no: 'No', notSure: 'Not sure', submit: 'Send', photo: 'Send a photo', photoSub: 'Kitchen · stove visible', problem: 'Report a problem', problemSub: 'If the stove isn\u2019t working', history: 'History', historySub: 'See visits and events', settings: 'Settings', signedTamper: 'Signed · tamper-evident', welcome: 'Welcome', languagePick: 'Pick a language', learnMore: 'This stove reduces deforestation', learnSub: 'When you use it daily, you help the forest.', syncOk: 'Sent · 09:42', syncOffline: 'No signal · will send later', appName: 'Pamoja Stove', creditsThis: 'This period', credits: '0.18 t CO\u2082e', creditsNote: 'You helped the forest', today: 'Today', period: 'This period', visits: 'visits', reportTitle: 'Report a problem', whatHappened: 'What\u2019s happening?', optSmoke: 'Too much smoke', optBroken: 'Broken', optHot: 'Burns too hot', optOther: 'Something else', send: 'Send', cancel: 'Cancel', voiceHint: 'Or tap to speak', consent: 'My data is mine. Pamoja has used it since 2024.', }, }; // ─── Shared chrome ──────────────────────────────────────────────── function StatusBar() { return (
09:42 62%
); } function NavPill() { return (
); } // Stove illustration — simple line drawing (no emoji, no clip-art) function StoveGlyph({size=68, status='good'}) { const ring = status==='good' ? FARMER_C.green : status==='warn' ? FARMER_C.amber : FARMER_C.red; return ( {/* stove body */} {/* flame */} {/* legs */} ); } // Traffic-light dot function StatusDot({color, size=10}) { return ; } // ─── Language picker (welcome screen) ───────────────────────────── function LanguagePicker({onPick}) { const langs = [ {code:'rw', name:'Kinyarwanda', greeting:'Murakaza neza'}, {code:'sw', name:'Kiswahili', greeting:'Karibu'}, {code:'en', name:'English', greeting:'Welcome'}, ]; return (
Pamoja
Hitamo ururimi
Choose a language · Chagua lugha
{langs.map(l => ( ))}
pamojadmrv.earth · Household v0.4.0-beta
); } // ─── Top app bar (home) ─────────────────────────────────────────── function TopBar({t, lang, onLang}) { const [open, setOpen] = React.useState(false); const langName = lang==='rw' ? 'RW' : lang==='sw' ? 'SW' : 'EN'; return (
{t.appName}
{open && (
{[['rw','Kinyarwanda'],['sw','Kiswahili'],['en','English']].map(([code,name]) => ( ))}
)}
{t.greeting}
{t.sub}
); } // ─── Home screen ────────────────────────────────────────────────── function Home({t, onOpen}) { return (
{/* Stove card — hero */}
{t.myStove}
{t.statusGood}
{t.household}
{/* Quick check tile */} {/* Credits card */}
{t.creditsThis}
{t.credits}
{t.creditsNote}
{/* Action tiles */} onOpen('photo')} title={t.photo} sub={t.photoSub} icon={ }/> onOpen('problem')} title={t.problem} sub={t.problemSub} accent={FARMER_C.amber} icon={ }/> onOpen('history')} title={t.history} sub={t.historySub} icon={ }/> {/* Learn / consent strip */}
{t.learnMore}
{t.learnSub}
{/* Sync / tamper-evident footer */}
{t.syncOk}
{t.signedTamper}
); } function MiniStat({label, value, dot}) { return (
{label}
{value}
); } function ActionTile({title, sub, icon, onClick, accent}) { return ( ); } // ─── Quick check (3 questions) ──────────────────────────────────── function QuickCheck({t, onBack}) { const [a, setA] = React.useState({}); const qs = [ {k:'q1', q:t.q1}, {k:'q2', q:t.q2}, {k:'q3', q:t.q3}, ]; const allAnswered = qs.every(q => a[q.k]); return (
{qs.map((q, i) => (
{i+1}
{q.q}
{[['yes',t.yes,FARMER_C.green],['no',t.no,FARMER_C.red]].map(([v,label,c]) => { const sel = a[q.k]===v; return ( ); })}
))}
{t.voiceHint}
); } // ─── Problem report ─────────────────────────────────────────────── function Problem({t, onBack}) { const [sel, setSel] = React.useState(null); const opts = [ ['smoke', t.optSmoke, '#F59E0B'], ['broken', t.optBroken, '#DC2626'], ['hot', t.optHot, '#F59E0B'], ['other', t.optOther, '#6B7280'], ]; return (
{t.whatHappened}
{opts.map(([k,label,color]) => { const isSel = sel===k; return ( ); })}
{/* Voice hint */}
{t.voiceHint}
); } // ─── Photo capture ──────────────────────────────────────────────── function Photo({t, onBack}) { return (
{/* Mock viewfinder */}
{/* Stove silhouette */}
{/* Corner brackets */} {[['top',16,'left',16,'corner-tl'],['top',16,'right',16,'corner-tr'],['bottom',16,'left',16,'corner-bl'],['bottom',16,'right',16,'corner-br']].map(([y,yv,x,xv,k]) => (
))} {/* Hint top */}
{t.photoSub}
{/* Shutter */}
GPS · -1.948, 30.435 · 09:42
); } // ─── History ────────────────────────────────────────────────────── function History({t, onBack}) { const items = [ {date:'14 Apr', kind:'visit', label:t.lastVisit, who:'Joseph M.', tone:'good'}, {date:'02 Apr', kind:'photo', label:t.photo, who:'Marie U.', tone:'good'}, {date:'18 Mar', kind:'check', label:t.quickCheck, who:'Marie U.', tone:'good'}, {date:'02 Mar', kind:'visit', label:t.lastVisit, who:'Joseph M.', tone:'good'}, {date:'15 Feb', kind:'install', label:'Install', who:'Joseph M.', tone:'good'}, ]; return (
{items.map((it, i) => (
{it.date.split(' ')[0]}
{it.date.split(' ')[1]}
{it.label}
{it.who}
))}
{t.consent}
); } function BackBar({onBack, title}) { return (
{title}
); } // ─── App shell ──────────────────────────────────────────────────── function FarmerApp() { const [lang, setLang] = React.useState(null); // null = show language picker const [view, setView] = React.useState('home'); const t = lang ? S[lang] : S.rw; let body; if (!lang) { body = ; } else if (view === 'home') { body = ( <> ); } else if (view === 'check') { body = setView('home')}/>; } else if (view === 'problem') { body = setView('home')}/>; } else if (view === 'photo') { body = setView('home')}/>; } else if (view === 'history') { body = setView('home')}/>; } return (
{body}
); } window.FarmerApp = FarmerApp;