mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-02-13 17:10:06 +00:00
online backup - WIP
This commit is contained in:
parent
c1cdb97c01
commit
ee0ee7936b
src/app/features/settings/encryption
|
@ -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>
|
||||
|
|
31
src/app/features/settings/encryption/OnlineBackup.tsx
Normal file
31
src/app/features/settings/encryption/OnlineBackup.tsx
Normal 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>
|
||||
);
|
||||
}
|
Loading…
Reference in a new issue