kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-08 07:28:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Accomodate (future) check status button

Browse Source
This commit is contained in:
Manav Rathi 2024-06-13 12:54:24 +05:30
parent ca949ac077
commit ec68a11ec3
No known key found for this signature in database
1 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
web/packages/shared/components/LoginComponents.tsx
View File

@ -74,11 +74,29 @@ export const VerifyingPasskey: React.FC<VerifyingPasskeyProps> = ({
<PasskeyHeader>{email ?? ""}</PasskeyHeader>
<VerifyingPasskeyMiddle>
<Typography>{t("waiting_for_verification")}</Typography>
<Typography color="text.muted">
{t("waiting_for_verification")}
</Typography>
<EnteButton onClick={onRetry} color="accent" type="button">
{t("try_again")}
</EnteButton>
<ButtonStack>
<EnteButton
onClick={onRetry}
fullWidth
color="secondary"
type="button"
>
{t("try_again")}
</EnteButton>
<EnteButton
onClick={() => {}}
fullWidth
color="accent"
type="button"
>
{"Check status"}
</EnteButton>
</ButtonStack>
</VerifyingPasskeyMiddle>
<FormPaperFooter style={{ justifyContent: "space-between" }}>
@ -100,7 +118,13 @@ const VerifyingPasskeyMiddle = styled("div")`
display: flex;
flex-direction: column;
margin-block: 3rem;
gap: 3rem;
align-items: center;
padding-block: 1rem;
gap: 4rem;
text-align: center;
`;
const ButtonStack = styled("div")`
display: flex;
flex-direction: column;
gap: 1rem;
`;