mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-25 08:30:58 -05:00
chore: i18n
This commit is contained in:
parent
c1324108e3
commit
7680931f5f
5 changed files with 63 additions and 35 deletions
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
||||||
Subproject commit c47a2eeaad9b6684d8a7c3fe577f0af05a04cc29
|
Subproject commit a38d0dc72a39ea2b5a6f54c1c999f2021b899e50
|
|
@ -173,15 +173,23 @@ export default function MultiFactorAuthentication() {
|
||||||
<CategoryButton
|
<CategoryButton
|
||||||
icon={<ListOl size={24} />}
|
icon={<ListOl size={24} />}
|
||||||
description={
|
description={
|
||||||
mfa?.recovery_active
|
<Text
|
||||||
? "View and download your 2FA backup codes."
|
id={`app.settings.pages.account.2fa.${
|
||||||
: "Get ready to use 2FA by setting up a recovery method."
|
mfa?.recovery_active
|
||||||
|
? "view_recovery"
|
||||||
|
: "generate_recovery"
|
||||||
|
}_long`}
|
||||||
|
/>
|
||||||
}
|
}
|
||||||
disabled={!mfa}
|
disabled={!mfa}
|
||||||
onClick={recoveryAction}>
|
onClick={recoveryAction}>
|
||||||
{mfa?.recovery_active
|
<Text
|
||||||
? "View Backup Codes"
|
id={`app.settings.pages.account.2fa.${
|
||||||
: "Generate Recovery Codes"}
|
mfa?.recovery_active
|
||||||
|
? "view_recovery"
|
||||||
|
: "generate_recovery"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
</CategoryButton>
|
</CategoryButton>
|
||||||
<CategoryButton
|
<CategoryButton
|
||||||
icon={
|
icon={
|
||||||
|
@ -193,14 +201,20 @@ export default function MultiFactorAuthentication() {
|
||||||
description={"Set up time-based one-time password."}
|
description={"Set up time-based one-time password."}
|
||||||
disabled={!mfa || (!mfa.recovery_active && !mfa.totp_mfa)}
|
disabled={!mfa || (!mfa.recovery_active && !mfa.totp_mfa)}
|
||||||
onClick={totpAction}>
|
onClick={totpAction}>
|
||||||
{mfa?.totp_mfa ? "Disable" : "Enable"} Authenticator App
|
<Text
|
||||||
|
id={`app.settings.pages.account.2fa.${
|
||||||
|
mfa?.totp_mfa ? "remove" : "add"
|
||||||
|
}_auth`}
|
||||||
|
/>
|
||||||
</CategoryButton>
|
</CategoryButton>
|
||||||
|
|
||||||
{mfa && (
|
{mfa && (
|
||||||
<Tip palette={mfaActive ? "primary" : "error"}>
|
<Tip palette={mfaActive ? "primary" : "error"}>
|
||||||
{mfaActive
|
<Text
|
||||||
? "Two-factor authentication is currently on!"
|
id={`app.settings.pages.account.2fa.two_factor_${
|
||||||
: "Two-factor authentication is currently off!"}
|
mfaActive ? "on" : "off"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
</Tip>
|
</Tip>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
import { QRCodeSVG } from "qrcode.react";
|
import { QRCodeSVG } from "qrcode.react";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
|
import { Text } from "preact-i18n";
|
||||||
import { useState } from "preact/hooks";
|
import { useState } from "preact/hooks";
|
||||||
|
|
||||||
import { Category, Centred, Column, InputBox, Modal } from "@revoltchat/ui";
|
import { Category, Centred, Column, InputBox, Modal } from "@revoltchat/ui";
|
||||||
|
@ -25,14 +26,12 @@ export default function MFAEnableTOTP({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
title="Enable authenticator app"
|
title={<Text id="app.special.modals.mfa.enable_totp" />}
|
||||||
description={
|
description={<Text id="app.special.modals.mfa.prompt_totp" />}
|
||||||
"Please scan or use the token below in your authentication app."
|
|
||||||
}
|
|
||||||
actions={[
|
actions={[
|
||||||
{
|
{
|
||||||
palette: "primary",
|
palette: "primary",
|
||||||
children: "Continue",
|
children: <Text id="app.special.modals.actions.continue" />,
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
callback(value.trim().replace(/\s/g, ""));
|
callback(value.trim().replace(/\s/g, ""));
|
||||||
return true;
|
return true;
|
||||||
|
@ -41,7 +40,7 @@ export default function MFAEnableTOTP({
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
palette: "plain",
|
palette: "plain",
|
||||||
children: "Cancel",
|
children: <Text id="app.special.modals.actions.cancel" />,
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
callback();
|
callback();
|
||||||
return true;
|
return true;
|
||||||
|
@ -65,7 +64,9 @@ export default function MFAEnableTOTP({
|
||||||
</Centred>
|
</Centred>
|
||||||
</Column>
|
</Column>
|
||||||
|
|
||||||
<Category compact>Enter Code</Category>
|
<Category compact>
|
||||||
|
<Text id="app.special.modals.mfa.enter_code" />
|
||||||
|
</Category>
|
||||||
|
|
||||||
<InputBox
|
<InputBox
|
||||||
value={value}
|
value={value}
|
||||||
|
|
|
@ -126,39 +126,51 @@ export default function MFAFlow({ onClose, ...props }: ModalProps<"mfa_flow">) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
title="Confirm action."
|
title={<Text id="app.special.modals.confirm" />}
|
||||||
description={
|
description={
|
||||||
selectedMethod
|
<Text
|
||||||
? "Please confirm using selected method."
|
id={`app.special.modals.mfa.${
|
||||||
: "Please select a method to authenticate your request."
|
selectedMethod ? "confirm" : "select_method"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
}
|
}
|
||||||
actions={
|
actions={
|
||||||
selectedMethod
|
selectedMethod
|
||||||
? [
|
? [
|
||||||
{
|
{
|
||||||
palette: "primary",
|
palette: "primary",
|
||||||
children: "Confirm",
|
children: (
|
||||||
|
<Text id="app.special.modals.actions.confirm" />
|
||||||
|
),
|
||||||
onClick: generateTicket,
|
onClick: generateTicket,
|
||||||
confirmation: true,
|
confirmation: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
palette: "plain",
|
palette: "plain",
|
||||||
children:
|
children: (
|
||||||
methods!.length === 1 ? "Cancel" : "Back",
|
<Text
|
||||||
|
id={`app.special.modals.actions.${
|
||||||
|
methods!.length === 1
|
||||||
|
? "cancel"
|
||||||
|
: "back"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
|
),
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
if (methods!.length === 1) {
|
if (methods!.length === 1) {
|
||||||
props.callback();
|
props.callback();
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
setSelected(undefined);
|
setSelected(undefined);
|
||||||
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
: [
|
: [
|
||||||
{
|
{
|
||||||
palette: "plain",
|
palette: "plain",
|
||||||
children: "Cancel",
|
children: (
|
||||||
|
<Text id="app.special.modals.actions.cancel" />
|
||||||
|
),
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
props.callback();
|
props.callback();
|
||||||
return true;
|
return true;
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
|
||||||
|
import { Text } from "preact-i18n";
|
||||||
import { useCallback, useState } from "preact/hooks";
|
import { useCallback, useState } from "preact/hooks";
|
||||||
|
|
||||||
import { Modal } from "@revoltchat/ui";
|
import { Modal } from "@revoltchat/ui";
|
||||||
|
@ -49,29 +50,29 @@ export default function MFARecovery({
|
||||||
}
|
}
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
}, []);
|
}, [client]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
title="Your recovery codes"
|
title={<Text id="app.special.modals.mfa.recovery_codes" />}
|
||||||
description={"Please save these to a safe location."}
|
description={<Text id="app.special.modals.mfa.save_codes" />}
|
||||||
actions={[
|
actions={[
|
||||||
{
|
{
|
||||||
palette: "primary",
|
palette: "primary",
|
||||||
children: "Done",
|
children: <Text id="app.special.modals.actions.done" />,
|
||||||
onClick: noopTrue,
|
onClick: noopTrue,
|
||||||
confirmation: true,
|
confirmation: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
palette: "plain",
|
palette: "plain",
|
||||||
children: "Reset",
|
children: <Text id="app.special.modals.actions.reset" />,
|
||||||
onClick: reset,
|
onClick: reset,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
onClose={onClose}>
|
onClose={onClose}>
|
||||||
<List>
|
<List>
|
||||||
{known.map((code) => (
|
{known.map((code) => (
|
||||||
<span>{code}</span>
|
<span key={code}>{code}</span>
|
||||||
))}
|
))}
|
||||||
</List>
|
</List>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
Loading…
Reference in a new issue