Function HistoryPage

src/pages/HistoryPage.tsx:17–207

()

}

const HistoryPage: React.FC = () => {
  const [books, setBooks] = useState<DownloadedBook[]>([]);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState('');
  const [page, setPage] = useState(1);
  const [hasMore, setHasMore] = useState(true);
  const { getCoverUrl } = useCoverCache();

  useEffect(() => {
    loadHistory();
  }, [page]);

  const loadHistory = async () => {
    setLoading(true);
    setError('');

    try {
      const result: any = await invoke('get_download_history', {
        order: 'date_down',
        page: page,
        limit: 20
      });

      if (result.books) {
        if (page === 1) {
          setBooks(result.books);
        } else {
          setBooks(prev => [...prev, ...result.books]);
        }
        setHasMore(result.books.length === 20);
      } else {
        setError('No download history found');
        setHasMore(false);
      }
    } catch (err: any) {
      console.error('Failed to load history:', err);
      setError(err.toString() || 'Failed to load download history. Please login first.');
      setHasMore(false);
    } finally {
      setLoading(false);
    }
  };

  const formatFileSize = (bytes?: number) => {
    if (!bytes) return 'Unknown';
    const mb = bytes / (1024 * 1024);
    return `${mb.toFixed(2)} MB`;
  };

  const formatDate = (dateStr?: string) => {
    if (!dateStr) return 'Unknown date';
    try {
      const date = new Date(dateStr);
      return date.toLocaleDateString('en-US', {
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',