soconnor/beenvoice
1
0
Fork 0
mirror of https://github.com/soconnor0919/beenvoice.git synced 2026-02-05 00:06:36 -05:00
Code Issues Actions 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

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

@@ -102,10 +102,9 @@ 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);
@@ -118,12 +117,7 @@ export function SettingsContent() {
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
@@ -358,7 +361,7 @@ export function SettingsContent() {
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>