Full-Stack Digital Product Development

import React, { useState, useEffect } from 'react';
import { fetchUserData } from './apiService';

const UserDashboard = () => {
    const [user, setUser] = useState(null);
    const [loading, setLoading] = useState(true);

    // Fetches user data on component mount
    useEffect(() => {
        fetchUserData().then(data => {
            setUser(data);
            setLoading(false);
        });
    }, []);

    if (loading) {
        return <div class="loading-state">Loading data...</div>;
    }

    return (
        <div class="dashboard-container">
            <h2>Welcome, {user.name}</h2>
            <p>Last login: {user.lastLogin}</p>
        </div>
    );
};

export default UserDashboard;