jonas/donetick
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refactor: update modal components to use larger size and full width with titles

Browse Source
This commit is contained in:
Mo Tarbin
2026-02-08 01:39:33 -05:00
parent 560cceca9b
commit 492e2f2e7e
12 changed files with 74 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/Modals/Inputs/BackupRestoreModal.jsx
View File

@@ -317,8 +317,10 @@ function BackupRestoreModal({ isOpen, onClose, showNotification }) {
<ResponsiveModal
open={isOpen}
onClose={handleClose}
size='md'
size='lg'
fullWidth={true}
unmountDelay={250}
title='🔄 Backup & Restore'
>
{loading ? (
<Box
@@ -333,25 +335,19 @@ function BackupRestoreModal({ isOpen, onClose, showNotification }) {
</Typography>
</Box>
) : (
<>
<Typography level='h4' mb={3}>
🔄 Backup & Restore
</Typography>
<Tabs
value={activeTab}
onChange={(event, newValue) => setActiveTab(newValue)}
>
<TabList>
<Tab>Create Backup</Tab>
<Tab>Restore Backup</Tab>
</TabList>
<Tabs
value={activeTab}
onChange={(event, newValue) => setActiveTab(newValue)}
>
<TabList>
<Tab>Create Backup</Tab>
<Tab>Restore Backup</Tab>
</TabList>
<TabPanel value={0}>{renderBackupTab()}</TabPanel>
<TabPanel value={0}>{renderBackupTab()}</TabPanel>
<TabPanel value={1}>{renderRestoreTab()}</TabPanel>
</Tabs>
</>
<TabPanel value={1}>{renderRestoreTab()}</TabPanel>
</Tabs>
)}
</ResponsiveModal>
)