+ {/* Header */}
+
+
Expert Dashboard
+
+ Welcome back, {currentExpert.name}! Here's your session and earnings overview.
+
+
+
+ {/* Key Metrics */}
+
+ {/* Total Earnings */}
+
+
+
+
Total Earnings
+
{totalEarnings}
+
↑ 12% from last month
+
+
+
+
+
+
+ {/* Staked Amount */}
+
+
+
+
Staked Amount
+
{stakedAmount}
+
Earning rewards
+
+
+
+
+
+
+ {/* Average Rating */}
+
+
+
+
Average Rating
+
+
{averageRating}
+ /5.0
+
+
+ {[...Array(5)].map((_, i) => (
+
+ ))}
+
+
+
+
+
+ {/* Total Sessions */}
+
+
+
+
Total Sessions
+
{totalSessions}
+
+ {completedSessions} completed
+
+
+
+
+
+
+
+
+ {/* Availability Toggle */}
+
+
+ {/* Quick Actions */}
+
+
Quick Actions
+
+
+
+
+
+
+
+ {/* Recent Sessions */}
+ {mockSessions.length > 0 && (
+
+
+
Recent Sessions
+
+
+
+
+ {mockSessions.slice(0, 3).map(session => (
+
+
+
+
+ {session.title}
+
+
+
+
+ {session.date}
+
+
{session.time}
+
+ {session.status}
+
+
+
+
+
+
{session.price}
+
+ {session.duration}
+
+
+
+ ))}
+
+
+ )}
+
+ {/* Expert Stats Summary */}
+
+
+ Performance Summary
+
+
+
+
+
Response Time
+
5m avg
+
+
+
Session Completion
+
{Math.round((completedSessions / totalSessions) * 100)}%
+
+
+
+
Revenue This Month
+
$3,200
+
+
+
+ {/* Quick Stats */}
+
+
+
+
+
Active Sessions
+
{activeSessions.length}
+
+
+
+
+
+
+
+
Upcoming Sessions
+
{upcomingSessions.length}
+
+
+
+
+
+
+
+
Completed Sessions
+
{completedSessions.length}
+
+
+
+
+
+ {/* Quick Actions */}
+
+
Quick Actions
+
+
+
+
+
+
+ {/* Active Sessions */}
+ {activeSessions.length > 0 && (
+
+
+
+ Active Sessions
+
+
+ {activeSessions.map(session => (
+
+ ))}
+
+
+ )}
+
+ {/* Upcoming Sessions */}
+ {upcomingSessions.length > 0 && (
+
+
+
+ Upcoming Sessions
+
+
+ {upcomingSessions.map(session => (
+
+ ))}
+
+
+ )}
+
+ {/* Past Sessions */}
+ {completedSessions.length > 0 && (
+
+
Past Sessions
+
+ {completedSessions.map(session => (
+
+ ))}
+
+
+ )}
+
+ {/* Empty State */}
+ {mockSessions.length === 0 && (
+
+
+ No sessions scheduled yet
+
+
+ )}
+