blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add CSV export functionality to Clients and Products pages

Browse Source
This commit is contained in:
Cauê Faleiros
2026-05-20 10:27:04 -03:00
parent 2d85d2dcd5
commit ceecbc354d
3 changed files with 55 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Products.tsx
View File

@@ -1,9 +1,9 @@
import { useMemo, useState, useEffect } from 'react';
import { Link, useOutletContext } from 'react-router-dom';
import { Search, Package, TrendingUp, ChevronLeft, ChevronRight } from 'lucide-react';
import { Search, Package, TrendingUp, ChevronLeft, ChevronRight, Download } from 'lucide-react';
import DateRangePicker from '../components/DateRangePicker';
import type { OrderData, DateRange } from '../types';
import { parseOrderDate } from '../dataService';
import { parseOrderDate, exportToCSV } from '../dataService';
const Products = () => {
const { dateRange, setDateRange, ordersData } = useOutletContext<{
@@ -89,6 +89,15 @@ const Products = () => {
className="w-full md:w-64 bg-dark-card border border-dark-border text-dark-text rounded-xl pl-10 pr-4 py-2.5 focus:outline-none focus:border-brand-primary hover:border-brand-primary transition-colors shadow-sm"
/>
</div>
<button
onClick={() => exportToCSV(productsData, `produtos_${new Date().toISOString().split('T')[0]}.csv`)}
className="flex items-center justify-center gap-2 bg-dark-card border border-dark-border px-4 py-2.5 rounded-xl shadow-sm hover:border-brand-primary transition-colors text-sm font-medium text-dark-text cursor-pointer"
title="Exportar para CSV"
>
<Download size={16} className="text-brand-primary" />
<span className="hidden sm:inline">Exportar</span>
</button>
</div>
</div>