online backup - WIP

This commit is contained in:
Ajay Bura 2025-01-26 08:51:51 +05:30
parent c1cdb97c01
commit ee0ee7936b
2 changed files with 34 additions and 22 deletions
src/app/features/settings/encryption

View file

@ -1,10 +1,11 @@
import React from 'react';
import { Box, Text, IconButton, Icon, Icons, Scroll, Button } from 'folds';
import { Box, Text, IconButton, Icon, Icons, Scroll } from 'folds';
import { Page, PageContent, PageHeader } from '../../../components/page';
import { SequenceCard } from '../../../components/sequence-card';
import { SequenceCardStyle } from '../styles.css';
import { SettingTile } from '../../../components/setting-tile';
import { LocalBackup } from './LocalBackup';
import { OnlineBackup } from './OnlineBackup';
type EncryptionProps = {
requestClose: () => void;
@ -44,27 +45,7 @@ export function Encryption({ requestClose }: EncryptionProps) {
/>
</SequenceCard>
</Box>
<Box direction="Column" gap="100">
<Text size="L400">Online Backup</Text>
<SequenceCard
className={SequenceCardStyle}
variant="SurfaceVariant"
direction="Column"
gap="400"
>
<SettingTile
title="Automatic Backup"
description="Continuously save encryption data on server to decrypt messages later."
after={
<Button size="300" variant="Success" radii="300">
<Text as="span" size="B300">
Restore
</Text>
</Button>
}
/>
</SequenceCard>
</Box>
<OnlineBackup />
<LocalBackup />
</Box>
</PageContent>

View file

@ -0,0 +1,31 @@
import React from 'react';
import { Box, Text, Button } from 'folds';
import { SettingTile } from '../../../components/setting-tile';
import { SequenceCard } from '../../../components/sequence-card';
import { SequenceCardStyle } from '../styles.css';
export function OnlineBackup() {
return (
<Box direction="Column" gap="100">
<Text size="L400">Online Backup</Text>
<SequenceCard
className={SequenceCardStyle}
variant="SurfaceVariant"
direction="Column"
gap="400"
>
<SettingTile
title="Automatic Backup"
description="Continuously save encryption data on server to decrypt messages later."
after={
<Button size="300" variant="Success" radii="300">
<Text as="span" size="B300">
Restore
</Text>
</Button>
}
/>
</SequenceCard>
</Box>
);
}