|
1 | 1 | 'use client'; |
2 | 2 |
|
3 | | -import { useEffect, useState, useCallback, useMemo } from 'react'; |
| 3 | +import { useEffect, useState, useCallback } from 'react'; |
4 | 4 | import { useAuth } from '@/lib/auth-context'; |
5 | 5 | import { api } from '@/lib/api-client'; |
6 | 6 | import Link from 'next/link'; |
@@ -55,29 +55,32 @@ export default function RateLimitUsage() { |
55 | 55 | } |
56 | 56 | }, [isAuthenticated, fetchRateLimitData]); |
57 | 57 |
|
58 | | - const getResetTimeDisplay = useCallback((resetTime: string) => { |
59 | | - const resetDate = new Date(resetTime); |
60 | | - const now = new Date(); |
61 | | - const diffMs = resetDate.getTime() - now.getTime(); |
| 58 | + const getResetTimeDisplay = useCallback( |
| 59 | + (resetTime: string) => { |
| 60 | + const resetDate = new Date(resetTime); |
| 61 | + const now = new Date(); |
| 62 | + const diffMs = resetDate.getTime() - now.getTime(); |
62 | 63 |
|
63 | | - if (diffMs <= 0) { |
64 | | - return t('dashboard.rateLimits.resettingNow'); |
65 | | - } |
| 64 | + if (diffMs <= 0) { |
| 65 | + return t('dashboard.rateLimits.resettingNow'); |
| 66 | + } |
66 | 67 |
|
67 | | - const diffSeconds = Math.floor(diffMs / 1000); |
68 | | - const diffMinutes = Math.floor(diffSeconds / 60); |
69 | | - const diffHours = Math.floor(diffMinutes / 60); |
70 | | - const remainingMinutes = diffMinutes % 60; |
71 | | - const remainingSeconds = diffSeconds % 60; |
| 68 | + const diffSeconds = Math.floor(diffMs / 1000); |
| 69 | + const diffMinutes = Math.floor(diffSeconds / 60); |
| 70 | + const diffHours = Math.floor(diffMinutes / 60); |
| 71 | + const remainingMinutes = diffMinutes % 60; |
| 72 | + const remainingSeconds = diffSeconds % 60; |
72 | 73 |
|
73 | | - if (diffHours > 0) { |
74 | | - return `${diffHours}h ${remainingMinutes}m`; |
75 | | - } else if (diffMinutes > 0) { |
76 | | - return `${diffMinutes}m ${remainingSeconds}s`; |
77 | | - } else { |
78 | | - return `${remainingSeconds}s`; |
79 | | - } |
80 | | - }, [updateTrigger, t]); |
| 74 | + if (diffHours > 0) { |
| 75 | + return `${diffHours}h ${remainingMinutes}m`; |
| 76 | + } else if (diffMinutes > 0) { |
| 77 | + return `${diffMinutes}m ${remainingSeconds}s`; |
| 78 | + } else { |
| 79 | + return `${remainingSeconds}s`; |
| 80 | + } |
| 81 | + }, |
| 82 | + [updateTrigger, t] |
| 83 | + ); |
81 | 84 |
|
82 | 85 | if (loading) { |
83 | 86 | return ( |
@@ -286,7 +289,8 @@ export default function RateLimitUsage() { |
286 | 289 | )} |
287 | 290 | </div> |
288 | 291 | <div className='text-xs text-slate-500'> |
289 | | - {t('dashboard.rateLimits.resetsIn')} {getResetTimeDisplay(op.resetTime)} |
| 292 | + {t('dashboard.rateLimits.resetsIn')}{' '} |
| 293 | + {getResetTimeDisplay(op.resetTime)} |
290 | 294 | </div> |
291 | 295 | </div> |
292 | 296 | </div> |
|
0 commit comments