The application currently allows unlimited manual refreshing of odds data through the "Refresh Odds" button present on multiple pages. There is no rate limiting or cooldown implemented for these refresh requests, which could potentially lead to API overcalling.

// EventDetail.js
const fetchOdds = () => {
    fetch('http://127.0.0.1:8000/api/odds/')
        .then((response) => response.json())
        .then((data) => {
            // Process data
        });
};

// Refresh button with no rate limiting
<button className="refresh-button" onClick={fetchOdds}>
    <RefreshCcw size={16} />
    <span>Refresh Odds</span>
</button>

• Users can repeatedly click the refresh button with no restrictions
• Potential to exceed API rate limits
• Risk of being temporarily blocked by the data provider

Implementation of rate limiting functionality to prevent excessive API calls, such as:

• Cooldown period between refreshes
• Daily refresh limit
• User feedback for remaining refreshes/cooldown time