Add ProfilePage and ProgressPage

ProfilePage:
- View/edit user info (name, age, height, goal, level)
- Show current measurements (weight, body fat, waist, neck)
- Show strength records (bench/squat/deadlift 1RM)

ProgressPage:
- Tab navigation (weight, body fat, strength)
- SVG line charts for progress visualization
- Stats showing current, first, and change
- Trend indicators (up/down)

Dashboard:
- Navigation icons for profile (👤) and progress (📊)
- Connected navigation to App.jsx routing
This commit is contained in:
2026-02-01 11:50:52 +01:00
parent 968b719be7
commit add0b2a86b
5 changed files with 1024 additions and 4 deletions
+3 -3
View File
@@ -30,7 +30,7 @@ const getCoachGreeting = (user, todayWorkout) => {
// Get weekday names
const weekdays = ['Mån', 'Tis', 'Ons', 'Tor', 'Fre', 'Lör', 'Sön']
function Dashboard({ onStartWorkout }) {
function Dashboard({ onStartWorkout, onNavigate }) {
const { user, logout } = useAuth()
const [program, setProgram] = useState(null)
const [todayWorkout, setTodayWorkout] = useState(null)
@@ -81,8 +81,8 @@ function Dashboard({ onStartWorkout }) {
<h1>🏋 Gravl</h1>
<nav className="nav-menu">
<button className="nav-btn active">Hem</button>
<button className="nav-btn">Historik</button>
<button className="nav-btn">Profil</button>
<button className="nav-btn" onClick={() => onNavigate('progress')}>📊</button>
<button className="nav-btn" onClick={() => onNavigate('profile')}>👤</button>
<button className="nav-btn logout" onClick={logout}></button>
</nav>
</div>