import React, { useState } from 'react';
import { Search, Upload, Download, FileText } from 'lucide-react';
const Dashboard = () => {
const [searchTerm, setSearchTerm] = useState('');
const [inventoryItems, setInventoryItems] = useState([
{ id: 1, name: 'Item 1', address: 'Address 1', contact: '123-456-7890', credit: 100, debit: 50 },
{ id: 2, name: 'Item 2', address: 'Address 2', contact: '098-765-4321', credit: 200, debit: 150 },
]);
const handleSearch = (event) => {
setSearchTerm(event.target.value);
};
const filteredItems = inventoryItems.filter(item =>
item.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
item.address.toLowerCase().includes(searchTerm.toLowerCase()) ||
item.contact.includes(searchTerm)
);
const handleFileUpload = (event) => {
// TODO: Implement file upload logic
console.log('File uploaded:', event.target.files[0]);
};
const handleExport = () => {
// TODO: Implement export logic
console.log('Exporting data...');
};
const handleImport = () => {
// TODO: Implement import logic
console.log('Importing data...');
};
return (
POS Ledger Inventory Dashboard
| ID |
Name |
Address |
Contact |
Credit |
Debit |
Total |
{filteredItems.map((item) => (
| {item.id} |
{item.name} |
{item.address} |
{item.contact} |
${item.credit.toFixed(2)} |
${item.debit.toFixed(2)} |
${(item.credit - item.debit).toFixed(2)} |
))}
);
};
export default Dashboard;
Post a Comment