Skip to content
This repository has been archived by the owner on Jun 16, 2022. It is now read-only.

V3 - Fix alert box text overflowing in all Qrcode scan screens #2291

Merged
merged 1 commit into from
Mar 16, 2022
Merged

V3 - Fix alert box text overflowing in all Qrcode scan screens #2291

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 11 additions & 15 deletions src/components/CameraScreen/QRCodeBottomLayer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
// @flow
import React, { memo } from "react";
import { StyleSheet } from "react-native";
import { Trans } from "react-i18next";
Expand All @@ -23,7 +22,7 @@ function QrCodeBottomLayer({ progress, liveQrCode }: Props) {
]}
>
<Flex flex={1} alignItems="center" py={8} px={6}>
<Text fontWeight="semiBold" variant="h3" color="constant.white">
<Text fontWeight="semiBold" variant="h3" color="constant.white" mb={2}>
<Trans
i18nKey={
liveQrCode
Expand All @@ -44,19 +43,16 @@ function QrCodeBottomLayer({ progress, liveQrCode }: Props) {
</Flex>
)}
<Flex flex={1} />
<Alert
type="info"
title={
<Flex>
<Text fontWeight="semiBold" variant="body">
<Trans i18nKey="account.import.scan.descTop.line1" />
</Text>
<Text fontWeight="bold" variant="body">
<Trans i18nKey="account.import.scan.descTop.line2" />
</Text>
</Flex>
}
></Alert>
<Alert type="info">
<Flex>
<Text fontWeight="semiBold" variant="body">
<Trans i18nKey="account.import.scan.descTop.line1" />
</Text>
<Text fontWeight="bold" variant="body">
<Trans i18nKey="account.import.scan.descTop.line2" />
</Text>
</Flex>
</Alert>
</Flex>
</Flex>
);
Expand Down