From 15996621775e3bcb74f42f55839bd6f7ea41b341 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 1 Mar 2024 14:32:11 +0100
Subject: [PATCH] Use "a" tag for manual backup creation download link

5017ba99328d3f200a92f2ffcfcdd50d2ec2bdaa did not fix the problem
---
 src/screens/settings/Backup.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/screens/settings/Backup.tsx b/src/screens/settings/Backup.tsx
index 6430af8c0a..5b16372457 100644
--- a/src/screens/settings/Backup.tsx
+++ b/src/screens/settings/Backup.tsx
@@ -24,7 +24,6 @@ import ListItem from '@mui/material/ListItem';
 import { Link } from 'react-router-dom';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { makeToast } from '@/components/util/Toast';
-import { ListItemLink } from '@/components/util/ListItemLink';
 import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext';
 import { BackupRestoreState, ValidateBackupQuery } from '@/lib/graphql/generated/graphql.ts';
 import { Progress } from '@/components/util/Progress.tsx';
@@ -227,12 +226,12 @@ export function Backup() {
     return (
         <>
             <List sx={{ padding: 0 }}>
-                <ListItemLink to={requestManager.getExportBackupUrl()} download target="_self">
+                <ListItemButton component="a" href={requestManager.getExportBackupUrl()} download>
                     <ListItemText
                         primary={t('settings.backup.action.create.label.title')}
                         secondary={t('settings.backup.action.create.label.description')}
                     />
-                </ListItemLink>
+                </ListItemButton>
                 <ListItemButton
                     onClick={() => document.getElementById('backup-file')?.click()}
                     disabled={!!backupRestoreId}