forked from Rosetta/landing
Лендинг
This commit is contained in:
45
src/components/Recipient/Recipient.tsx
Normal file
45
src/components/Recipient/Recipient.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
import { Text, Timeline } from "@mantine/core";
|
||||
import { IconDeviceDesktop, IconKey, IconLockAccess, IconMessage, IconMessage2, IconServer } from "@tabler/icons-react";
|
||||
|
||||
export function Recipient() {
|
||||
return (
|
||||
<Timeline reverseActive active={0} bulletSize={40} lineWidth={2}>
|
||||
<Timeline.Item bullet={<IconServer size={20} />} title="Retranslate">
|
||||
<Text c="dimmed" size="sm">
|
||||
Server retranslate message to recipient.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>After retranslate server deletes message from memory.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconMessage size={20} />} title="Receive message">
|
||||
<Text c="dimmed" size="sm">
|
||||
Recipient device receives encrypted message and encrypted ChaCha20 key from server.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Message now encrypted.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconLockAccess size={20} />} title="Decrypting ChaCha20 key">
|
||||
<Text c="dimmed" size="sm">
|
||||
Decrypt ChaCha20 key with recipient private key using RSA-4096 decryption.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Message still encrypted.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconKey size={20} />} title="Decrypting message using ChaCha20">
|
||||
<Text c="dimmed" size="sm">
|
||||
Decrypting text of message or attachments using decrypted ChaCha20 key from previous step.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Message text is available.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconDeviceDesktop size={20} />} title="Save message on your device">
|
||||
<Text c="dimmed" size="sm">
|
||||
Encrypt decrypted text with AES-256 for save in your device.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Need for future access, because message not save on server.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconMessage2 size={20} />} title="Show message">
|
||||
<Text c="dimmed" size="sm">
|
||||
Message available for reading in your chat.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Final step.</Text>
|
||||
</Timeline.Item>
|
||||
</Timeline>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user