0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[web] Show api host on dev builds

Browse source
This commit is contained in:
Manav Rathi 2024-05-12 08:58:38 +05:30
parent ca9190045e
commit c652abb9f9
No known key found for this signature in database
1 changed files with 26 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
web/packages/accounts/pages/credentials.tsx
View file

@ -1,3 +1,4 @@
import { isDevBuild } from "@/next/env";
import log from "@/next/log";
import { APP_HOMES } from "@ente/shared/apps/constants";
import { PageProps } from "@ente/shared/apps/types";
@ -18,7 +19,7 @@ import {
} from "@ente/shared/crypto/helpers";
import { B64EncryptionResult } from "@ente/shared/crypto/types";
import { CustomError } from "@ente/shared/error";
import { getAccountsURL } from "@ente/shared/network/api";
import { getAccountsURL, getEndpoint } from "@ente/shared/network/api";
import InMemoryStore, { MS_KEYS } from "@ente/shared/storage/InMemoryStore";
import {
LS_KEYS,
@ -259,7 +260,7 @@ export default function Credentials({ appContext, appName }: PageProps) {
return (
<VerticallyCentered>
<FormPaper style={{ minWidth: "320px" }}>
<Title>{user.email}</Title>
<Header>{user.email}</Header>
<VerifyMasterPasswordForm
buttonText={t("VERIFY_PASSPHRASE")}
@ -269,6 +270,7 @@ export default function Credentials({ appContext, appName }: PageProps) {
getKeyAttributes={getKeyAttributes}
srpAttributes={srpAttributes}
/>
<FormPaperFooter style={{ justifyContent: "space-between" }}>
<LinkButton onClick={redirectToRecoverPage}>
{t("FORGOT_PASSWORD")}
@ -277,23 +279,41 @@ export default function Credentials({ appContext, appName }: PageProps) {
{t("CHANGE_EMAIL")}
</LinkButton>
</FormPaperFooter>
{isDevBuild && <ConnectionDetails />}
</FormPaper>
</VerticallyCentered>
);
}
const Title: React.FC<React.PropsWithChildren> = ({ children }) => {
const Header: React.FC<React.PropsWithChildren> = ({ children }) => {
return (
<Title_>
<Header_>
<Typography variant="h2">{t("PASSWORD")}</Typography>
<Typography color="text.faint">{children}</Typography>
</Title_>
</Header_>
);
};
const Title_ = styled("div")`
const Header_ = styled("div")`
margin-block-end: 4rem;
display: flex;
flex-direction: column;
gap: 8px;
`;
const ConnectionDetails: React.FC = () => {
const apiOrigin = new URL(getEndpoint());
return (
<ConnectionDetails_>
<Typography variant="small" color="text.faint">
{apiOrigin.host}
</Typography>
</ConnectionDetails_>
);
};
const ConnectionDetails_ = styled("div")`
margin-block-start: 1rem;
`;