import React from 'react'; import { FaFileAlt } from 'react-icons/fa'; const RightBar = ({ reports, onSelect }) => { return (

Storage

{reports.map((report) => (
onSelect(report)} // Simple Drag Logic: Drop anywhere to select onClick={() => onSelect(report)} className="flex items-center gap-3 p-3 hover:bg-gray-800 rounded-xl cursor-grab active:cursor-grabbing transition" >

Acct: {report.accountId}

{new Date(report.uploadDate).toLocaleDateString()}

))} {reports.length === 0 &&

No reports found.

}
); }; export default RightBar;