import React from ‘react’;
import { Zap } from ‘lucide-react’;
const Header: React.FC = () => {
return (
MediaEnhance
);
};
export default Header;
import React from ‘react’;
import { History, Download, RefreshCw } from ‘lucide-react’;
import { useMediaContext } from ‘../context/MediaContext’;
const HistorySection: React.FC = () => {
const { mediaList, downloadMedia, retryProcessing } = useMediaContext();
// Filter only history items
const historyItems = mediaList.filter(media => media.inHistory);
return (
Processing History
{historyItems.length === 0 ? (
No processing history yet
) : (
{media.name}
{new Date(media.timestamp).toLocaleString()}
) : (
)}
{media.status === ‘completed’ && (
)}
{media.status === ‘error’ && (
)}
))}
)}
);
};
export default HistorySection;