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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user