mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-03-13 14:40:01 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

online backup - WIP

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/app/features/settings/encryption/Encryption.tsx
View file

@ -1,10 +1,11 @@
import React from 'react'; 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 { Page, PageContent, PageHeader } from '../../../components/page';
import { SequenceCard } from '../../../components/sequence-card'; import { SequenceCard } from '../../../components/sequence-card';
import { SequenceCardStyle } from '../styles.css'; import { SequenceCardStyle } from '../styles.css';
import { SettingTile } from '../../../components/setting-tile'; import { SettingTile } from '../../../components/setting-tile';
import { LocalBackup } from './LocalBackup'; import { LocalBackup } from './LocalBackup';
import { OnlineBackup } from './OnlineBackup';
type EncryptionProps = { type EncryptionProps = {
requestClose: () => void; requestClose: () => void;
@ -44,27 +45,7 @@ export function Encryption({ requestClose }: EncryptionProps) {
/> />
</SequenceCard> </SequenceCard>
</Box> </Box>
<Box direction="Column" gap="100"> <OnlineBackup />
<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>
<LocalBackup /> <LocalBackup />
</Box> </Box>
</PageContent> </PageContent>

31
src/app/features/settings/encryption/OnlineBackup.tsx Normal file
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>
);
}