Rosetta/desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Фикс верстки на экране Backup

Browse Source
This commit is contained in:
RoyceDa
2026-02-17 12:12:21 +02:00
parent d857be6948
commit b63c87f23c
2 changed files with 32 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/components/TextChain/TextChain.tsx
View File

@@ -5,6 +5,7 @@ import { useState, useEffect } from "react";
interface TextChainProps { interface TextChainProps {
text: string; text: string;
mt?: MantineSize; mt?: MantineSize;
withoutPaper?: boolean;
} }
export function TextChain(props : TextChainProps) { export function TextChain(props : TextChainProps) {
@@ -26,12 +27,7 @@ export function TextChain(props : TextChainProps) {
}); });
}, [text]); }, [text]);
return ( const grid = (
<Box mt={props.mt}>
<Box className={classes.displayArea}>
<Text size="sm" mb="md" c="dimmed">
Your seed phrase:
</Text>
<SimpleGrid cols={3} spacing="xs"> <SimpleGrid cols={3} spacing="xs">
{text.split(" ").map((v, i) => { {text.split(" ").map((v, i) => {
return ( return (
@@ -50,7 +46,22 @@ export function TextChain(props : TextChainProps) {
); );
})} })}
</SimpleGrid> </SimpleGrid>
);
return (
!props.withoutPaper ? (
<Box mt={props.mt}>
<Box className={classes.displayArea}>
<Text size="sm" mb="md" c="dimmed">
Your seed phrase:
</Text>
{grid}
</Box> </Box>
</Box> </Box>
) : (
<Box mt={props.mt}>
{grid}
</Box>
)
) )
} }

8
app/views/Backup/Backup.tsx
View File

@@ -5,7 +5,7 @@ import { SettingsInput } from "@/app/components/SettingsInput/SettingsInput";
import { TextChain } from "@/app/components/TextChain/TextChain"; import { TextChain } from "@/app/components/TextChain/TextChain";
import { decodeWithPassword } from "@/app/crypto/crypto"; import { decodeWithPassword } from "@/app/crypto/crypto";
import { useAccount } from "@/app/providers/AccountProvider/useAccount"; import { useAccount } from "@/app/providers/AccountProvider/useAccount";
import { Paper, Text } from "@mantine/core"; import { Text } from "@mantine/core";
import { useState } from "react"; import { useState } from "react";
export function Backup() { export function Backup() {
@@ -39,10 +39,8 @@ export function Backup() {
</Text> </Text>
{show.trim() !== "" && ( {show.trim() !== "" && (
<> <>
<Paper mt={'sm'} p={'md'} withBorder> <TextChain withoutPaper mt={'sm'} text={show}></TextChain>
<TextChain rainbow={true} mt={'sm'} text={show}></TextChain> <Text fz={10} mt={'sm'} c={'gray'} pl={'xs'} pr={'xs'}>
</Paper>
<Text fz={10} mt={3} c={'gray'} pl={'xs'} pr={'xs'}>
Please don't share your seed phrase! The administration will never ask you for it. Please don't share your seed phrase! The administration will never ask you for it.
</Text> </Text>
</> </>