scot/diligence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add navigation links to Settings page for Meal Plans, Integrations, Rewards, Week View

Browse source
This commit is contained in:
Claude 2026-06-16 02:04:44 +00:00
parent 69320e1e82
commit e34ae36774
1 changed files with 75 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

75
frontend/src/pages/Settings.jsx
View file

@ -60,6 +60,75 @@ export default function Settings() {
</div>
)}
{/* Quick Links */}
<div className="card">
<div className="section-label">Features</div>
<div
onClick={() => navigate('/meal-plan')}
style={{
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
padding: '14px 0', borderBottom: '1px solid var(--divider)', cursor: 'pointer',
}}
>
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
<span style={{ fontSize: '1.2rem' }}>🍽️</span>
<div>
<div style={{ fontWeight: 700, fontSize: '0.95rem' }}>Meal Plans</div>
<div style={{ fontSize: '0.78rem', color: 'var(--text-3)', fontWeight: 500 }}>AI-generated plans with compliance tracking</div>
</div>
</div>
<span style={{ color: 'var(--text-3)', fontSize: '1.1rem' }}>›</span>
</div>
<div
onClick={() => navigate('/settings/integrations')}
style={{
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
padding: '14px 0', borderBottom: '1px solid var(--divider)', cursor: 'pointer',
}}
>
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
<span style={{ fontSize: '1.2rem' }}>🔗</span>
<div>
<div style={{ fontWeight: 700, fontSize: '0.95rem' }}>All Integrations</div>
<div style={{ fontSize: '0.78rem', color: 'var(--text-3)', fontWeight: 500 }}>Strava, Polar, Garmin, Fitbit, USDA, and more</div>
</div>
</div>
<span style={{ color: 'var(--text-3)', fontSize: '1.1rem' }}>›</span>
</div>
<div
onClick={() => navigate('/rewards')}
style={{
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
padding: '14px 0', borderBottom: '1px solid var(--divider)', cursor: 'pointer',
}}
>
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
<span style={{ fontSize: '1.2rem' }}>🎮</span>
<div>
<div style={{ fontWeight: 700, fontSize: '0.95rem' }}>Rewards</div>
<div style={{ fontSize: '0.78rem', color: 'var(--text-3)', fontWeight: 500 }}>Configure and redeem your rewards</div>
</div>
</div>
<span style={{ color: 'var(--text-3)', fontSize: '1.1rem' }}>›</span>
</div>
<div
onClick={() => navigate('/week')}
style={{
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
padding: '14px 0', cursor: 'pointer',
}}
>
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
<span style={{ fontSize: '1.2rem' }}>📊</span>
<div>
<div style={{ fontWeight: 700, fontSize: '0.95rem' }}>Week View</div>
<div style={{ fontSize: '0.78rem', color: 'var(--text-3)', fontWeight: 500 }}>Weekly progress and day-by-day breakdown</div>
</div>
</div>
<span style={{ color: 'var(--text-3)', fontSize: '1.1rem' }}>›</span>
</div>
</div>
{/* Point Rules */}
<div className="card">
<div className="section-label">Point Rules</div>
@ -119,6 +188,12 @@ export default function Settings() {
</div>
)
})}
<div
onClick={() => navigate('/settings/integrations')}
style={{ padding: '12px 0', textAlign: 'center', cursor: 'pointer', color: 'var(--accent)', fontSize: '0.88rem', fontWeight: 600 }}
>
Configure all 11 providers →
</div>
</div>
<button className="btn-danger btn-full" style={{ marginTop: '10px' }} onClick={() => { clearToken(); navigate('/login') }}>