Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-27 12:01:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: disable creating account when server is not set

Browse Source
This commit is contained in:
qtchaos 2024-02-25 21:31:08 +02:00
parent fcf42a4e8a
commit 130b4f5cc3
No known key found for this signature in database
GPG Key ID: 7DA98B2B9EF06A90
2 changed files with 45 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/locales/en.json
View File

@ -55,6 +55,8 @@
"text": "Did you configure it correctly?", "text": "Did you configure it correctly?",
"title": "Failed to reach server" "title": "Failed to reach server"
}, },
"noHostTitle": "Server not configured!",
"noHost": "The server has not been configured, therefore you cannot create an account",
"host": "You are connecting to <0>{{hostname}}</0> - please confirm you trust it before making an account", "host": "You are connecting to <0>{{hostname}}</0> - please confirm you trust it before making an account",
"no": "Go back", "no": "Go back",
"title": "Do you trust this server?", "title": "Do you trust this server?",

72
src/pages/parts/auth/TrustBackendPart.tsx
View File

@ -23,7 +23,7 @@ export function TrustBackendPart(props: TrustBackendPartProps) {
const navigate = useNavigate(); const navigate = useNavigate();
const backendUrl = useBackendUrl(); const backendUrl = useBackendUrl();
const hostname = useMemo( const hostname = useMemo(
() => (backendUrl ? new URL(backendUrl).hostname : ""), () => (backendUrl ? new URL(backendUrl).hostname : undefined),
[backendUrl], [backendUrl],
); );
const result = useAsync(() => { const result = useAsync(() => {
@ -54,38 +54,52 @@ export function TrustBackendPart(props: TrustBackendPartProps) {
return ( return (
<LargeCard> <LargeCard>
<LargeCardText <LargeCardText
title={t("auth.trust.title")} title={hostname ? t("auth.trust.title") : t("auth.trust.noHostTitle")}
icon={<Icon icon={Icons.CIRCLE_EXCLAMATION} />} icon={<Icon icon={Icons.CIRCLE_EXCLAMATION} />}
> >
<Trans {hostname ? (
i18nKey="auth.trust.host" <Trans
values={{ i18nKey="auth.trust.host"
hostname, values={{
}} hostname,
> }}
<span className="text-white" /> >
</Trans> <span className="text-white" />
</Trans>
) : (
<p>{t("auth.trust.noHost")}</p>
)}
</LargeCardText> </LargeCardText>
<div className="border border-authentication-border rounded-xl px-4 py-8 flex flex-col items-center space-y-2 my-8"> {hostname ? (
{cardContent} <>
</div> <div className="border border-authentication-border rounded-xl px-4 py-8 flex flex-col items-center space-y-2 my-8">
<LargeCardButtons> {cardContent}
<Button theme="secondary" onClick={() => navigate("/")}> </div>
{t("auth.trust.no")} <LargeCardButtons>
</Button> <Button theme="secondary" onClick={() => navigate("/")}>
<Button {t("auth.trust.no")}
theme="purple" </Button>
onClick={() => result.value && props.onNext?.(result.value)} <Button
> theme="purple"
{t("auth.trust.yes")} onClick={() => result.value && props.onNext?.(result.value)}
</Button> >
</LargeCardButtons> {t("auth.trust.yes")}
<p className="text-center mt-6"> </Button>
<Trans i18nKey="auth.hasAccount"> </LargeCardButtons>
<MwLink to="/login">.</MwLink> <p className="text-center mt-6">
</Trans> <Trans i18nKey="auth.hasAccount">
</p> <MwLink to="/login">.</MwLink>
</Trans>
</p>
</>
) : (
<LargeCardButtons>
<Button theme="purple" onClick={() => navigate("/")}>
{t("auth.trust.no")}
</Button>
</LargeCardButtons>
)}
</LargeCard> </LargeCard>
); );
} }