) => {
+ const file = event.target.files?.[0];
+ if (!file) return;
+
+ if (!file.name.endsWith(".json")) {
+ toast.error("Please select a JSON file");
+ return;
+ }
+
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ try {
+ const content = e.target?.result as string;
+ const parsedData: unknown = JSON.parse(content);
+
+ if (isValidBackupData(parsedData)) {
+ // @ts-expect-error Server handles validation of backup data format
+ importDataMutation.mutate(parsedData);
+ } else {
+ toast.error("Invalid backup file format");
+ }
+ } catch {
+ toast.error("Invalid JSON format. Please check your backup file.");
+ }
+ };
+ reader.onerror = () => {
+ toast.error("Failed to read file");
+ };
+ reader.readAsText(file);
+ };
+
const handleImportData = () => {
try {
const parsedData: unknown = JSON.parse(importData);
if (isValidBackupData(parsedData)) {
+ // @ts-expect-error Server handles validation of backup data format
importDataMutation.mutate(parsedData);
} else {
toast.error("Invalid backup file format");
@@ -536,37 +522,95 @@ export function SettingsContent() {
Import Backup Data
- Paste the contents of your backup JSON file below. This
- will add the data to your existing account.
+ Upload your backup JSON file or paste the contents below.
+ This will add the data to your existing account.
-