soconnor/beenvoice
1
0
Fork 0
mirror of https://github.com/soconnor0919/beenvoice.git synced 2025-12-15 10:34:43 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor data export logic and fix whitespace in styles

Browse Source 
The message body wasn't needed since the subject line adequately
describes the changes: refactoring the data export handling into a
separate callback function and fixing extra whitespace in CSS class
names.
This commit is contained in:
Sean O'Connor
2025-08-01 03:42:32 -04:00
parent f87cc2f295
commit 4f249fc777
1 changed files with 31 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/app/dashboard/settings/_components/settings-content.tsx
View File

@@ -102,28 +102,22 @@ export function SettingsContent() {
enabled: false, enabled: false,
}); });
// Handle export data success/error // Handle download logic
React.useEffect(() => { const handleDownload = React.useCallback((data: unknown) => {
if (exportDataQuery.data && !exportDataQuery.isFetching) { const blob = new Blob([JSON.stringify(data, null, 2)], {
const blob = new Blob([JSON.stringify(exportDataQuery.data, null, 2)], { type: "application/json",
type: "application/json", });
}); const url = URL.createObjectURL(blob);
const url = URL.createObjectURL(blob); const a = document.createElement("a");
const a = document.createElement("a"); a.href = url;
a.href = url; a.download = `beenvoice-backup-${new Date().toISOString().split("T")[0]}.json`;
a.download = `beenvoice-backup-${new Date().toISOString().split("T")[0]}.json`; document.body.appendChild(a);
document.body.appendChild(a); a.click();
a.click(); document.body.removeChild(a);
document.body.removeChild(a); URL.revokeObjectURL(url);
URL.revokeObjectURL(url);
toast.success("Data backup downloaded successfully"); toast.success("Data backup downloaded successfully");
} }, []);
if (exportDataQuery.error) {
toast.error(`Export failed: ${exportDataQuery.error.message}`);
}
}, [exportDataQuery.data, exportDataQuery.isFetching, exportDataQuery.error]);
const importDataMutation = api.settings.importData.useMutation({ const importDataMutation = api.settings.importData.useMutation({
onSuccess: (result) => { onSuccess: (result) => {
@@ -179,8 +173,17 @@ export function SettingsContent() {
}); });
}; };
const handleExportData = () => { const handleExportData = async () => {
void exportDataQuery.refetch(); try {
const result = await exportDataQuery.refetch();
if (result.data) {
handleDownload(result.data);
}
} catch (error) {
toast.error(
`Export failed: ${error instanceof Error ? error.message : "Unknown error"}`,
);
}
}; };
// Type guard for backup data // Type guard for backup data
@@ -355,10 +358,10 @@ export function SettingsContent() {
return ( return (
<div <div
key={item.label} key={item.label}
className="bg-card flex items-center justify-between border p-4 transition-shadow hover:shadow-sm" className="bg-card flex items-center justify-between border p-4 transition-shadow hover:shadow-sm"
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className={` p-2 ${item.bgColor}`}> <div className={`p-2 ${item.bgColor}`}>
<Icon className={`h-4 w-4 ${item.color}`} /> <Icon className={`h-4 w-4 ${item.color}`} />
</div> </div>
<span className="font-medium">{item.label}</span> <span className="font-medium">{item.label}</span>
@@ -617,7 +620,7 @@ export function SettingsContent() {
</div> </div>
{/* Backup Information */} {/* Backup Information */}
<div className="border-border bg-muted/20 border p-4"> <div className="border-border bg-muted/20 border p-4">
<h4 className="font-medium">Backup Information</h4> <h4 className="font-medium">Backup Information</h4>
<ul className="text-muted-foreground mt-2 space-y-1 text-sm"> <ul className="text-muted-foreground mt-2 space-y-1 text-sm">
<li>• Regular backups protect your important business data</li> <li>• Regular backups protect your important business data</li>
@@ -646,7 +649,7 @@ export function SettingsContent() {
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="space-y-4"> <div className="space-y-4">
<div className="bg-destructive/10 border-destructive/20 border p-4"> <div className="bg-destructive/10 border-destructive/20 border p-4">
<h4 className="text-destructive font-medium"> <h4 className="text-destructive font-medium">
Delete All Account Data Delete All Account Data
</h4> </h4>
@@ -672,7 +675,7 @@ export function SettingsContent() {
This action cannot be undone. This will permanently delete This action cannot be undone. This will permanently delete
all your: all your:
</div> </div>
<ul className="border-border bg-muted/50 list-inside list-disc space-y-1 border p-3 text-sm"> <ul className="border-border bg-muted/50 list-inside list-disc space-y-1 border p-3 text-sm">
<li>Client information and contact details</li> <li>Client information and contact details</li>
<li>Business profiles and settings</li> <li>Business profiles and settings</li>
<li>Invoices and invoice line items</li> <li>Invoices and invoice line items</li>