- PROJECT
+ {t("nav:menu.project")}
{workspaceList.length > 0 ? (
{title}
- ) : router.asPath == '/noprojects' ? (
+ ) : router.asPath == "/noprojects" ? (
@@ -323,7 +329,7 @@ export default function Layout({ children }: LayoutProps) {
- {router.asPath.split('/')[1] === 'home' ? (
+ {router.asPath.split("/")[1] === "home" ? (
- Add a service token for {workspaceName}
+ {t("section-token:add-dialog.title", {
+ target: workspaceName,
+ })}
@@ -198,13 +199,14 @@ const AddServiceTokenDialog = ({
as="h3"
className="text-lg font-medium leading-6 text-gray-400 z-50"
>
- Copy your service token
+ {t("section-token:add-dialog.copy-service-token")}
@@ -334,12 +340,12 @@ export default function Layout({ children }: LayoutProps) {
Infisical Guide
diff --git a/frontend/components/basic/dialog/AddIncidentContactDialog.js b/frontend/components/basic/dialog/AddIncidentContactDialog.js
index fad13cdee2..535004045d 100644
--- a/frontend/components/basic/dialog/AddIncidentContactDialog.js
+++ b/frontend/components/basic/dialog/AddIncidentContactDialog.js
@@ -1,4 +1,5 @@
import { Fragment, useState } from "react";
+import { useTranslation } from "next-i18next";
import { Dialog, Transition } from "@headlessui/react";
import addIncidentContact from "~/pages/api/organization/addIncidentContact";
@@ -14,6 +15,7 @@ const AddIncidentContactDialog = ({
setIncidentContacts,
}) => {
let [incidentContactEmail, setIncidentContactEmail] = useState("");
+ const { t } = useTranslation();
const submit = () => {
setIncidentContacts(
@@ -59,17 +61,16 @@ const AddIncidentContactDialog = ({
as="h3"
className="text-lg font-medium leading-6 text-gray-400"
>
- Add an Incident Contact
+ {t("section-incident:add-dialog.title")}
- {' '} - To use Infisical, please log in through a device with larger - dimensions.{' '} + {` ${t("common:no-mobile")} `}
- This contact will be notified in the unlikely event of a - severe incident. + {t("section-incident:add-dialog.description")}
@@ -49,48 +51,55 @@ const AddProjectMemberDialog = ({
as="h3"
className="text-lg font-medium leading-6 text-gray-400 z-50"
>
- Add a member to your project
+ {t("section-members:add-dialog.add-member-to-project")}
) : (
- All the users in your organization are already invited.
+ {t("section-members:add-dialog.already-all-invited")}
)}
@@ -120,7 +129,7 @@ const AddProjectMemberDialog = ({
router.push("/settings/org/" + router.query.id)
}
color="mineshaft"
- text="Add Users to Organization"
+ text={t("section-members:add-dialog.add-user-to-org")}
size="md"
/>
)}
diff --git a/frontend/components/basic/dialog/AddServiceTokenDialog.js b/frontend/components/basic/dialog/AddServiceTokenDialog.js
index ddb20cce35..b02a804b70 100644
--- a/frontend/components/basic/dialog/AddServiceTokenDialog.js
+++ b/frontend/components/basic/dialog/AddServiceTokenDialog.js
@@ -1,40 +1,42 @@
-import { Fragment, useState } from 'react';
-import { faCheck, faCopy } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Dialog, Transition } from '@headlessui/react';
-import nacl from 'tweetnacl';
+import { Fragment, useState } from "react";
+import { useTranslation } from "next-i18next";
+import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Dialog, Transition } from "@headlessui/react";
+import nacl from "tweetnacl";
-import addServiceToken from '~/pages/api/serviceToken/addServiceToken';
-import getLatestFileKey from '~/pages/api/workspace/getLatestFileKey';
+import addServiceToken from "~/pages/api/serviceToken/addServiceToken";
+import getLatestFileKey from "~/pages/api/workspace/getLatestFileKey";
-import { envMapping } from '../../../public/data/frequentConstants';
+import { envMapping } from "../../../public/data/frequentConstants";
import {
decryptAssymmetric,
- encryptAssymmetric
-} from '../../utilities/cryptography/crypto';
-import Button from '../buttons/Button';
-import InputField from '../InputField';
-import ListBox from '../Listbox';
+ encryptAssymmetric,
+} from "../../utilities/cryptography/crypto";
+import Button from "../buttons/Button";
+import InputField from "../InputField";
+import ListBox from "../Listbox";
const expiryMapping = {
- '1 day': 86400,
- '7 days': 604800,
- '1 month': 2592000,
- '6 months': 15552000,
- '12 months': 31104000
+ "1 day": 86400,
+ "7 days": 604800,
+ "1 month": 2592000,
+ "6 months": 15552000,
+ "12 months": 31104000,
};
const AddServiceTokenDialog = ({
isOpen,
closeModal,
workspaceId,
- workspaceName
+ workspaceName,
}) => {
- const [serviceToken, setServiceToken] = useState('');
- const [serviceTokenName, setServiceTokenName] = useState('');
- const [serviceTokenEnv, setServiceTokenEnv] = useState('Development');
- const [serviceTokenExpiresIn, setServiceTokenExpiresIn] = useState('1 day');
+ const [serviceToken, setServiceToken] = useState("");
+ const [serviceTokenName, setServiceTokenName] = useState("");
+ const [serviceTokenEnv, setServiceTokenEnv] = useState("Development");
+ const [serviceTokenExpiresIn, setServiceTokenExpiresIn] = useState("1 day");
const [serviceTokenCopied, setServiceTokenCopied] = useState(false);
+ const { t } = useTranslation();
const generateServiceToken = async () => {
const latestFileKey = await getLatestFileKey({ workspaceId });
@@ -43,7 +45,7 @@ const AddServiceTokenDialog = ({
ciphertext: latestFileKey.latestKey.encryptedKey,
nonce: latestFileKey.latestKey.nonce,
publicKey: latestFileKey.latestKey.sender.publicKey,
- privateKey: localStorage.getItem('PRIVATE_KEY')
+ privateKey: localStorage.getItem("PRIVATE_KEY"),
});
// generate new public/private key pair
@@ -55,7 +57,7 @@ const AddServiceTokenDialog = ({
const { ciphertext: encryptedKey, nonce } = encryptAssymmetric({
plaintext: key,
publicKey,
- privateKey
+ privateKey,
});
let newServiceToken = await addServiceToken({
@@ -65,16 +67,16 @@ const AddServiceTokenDialog = ({
expiresIn: expiryMapping[serviceTokenExpiresIn],
publicKey,
encryptedKey,
- nonce
+ nonce,
});
- const serviceToken = newServiceToken + ',' + privateKey;
+ const serviceToken = newServiceToken + "," + privateKey;
setServiceToken(serviceToken);
};
function copyToClipboard() {
// Get the text field
- var copyText = document.getElementById('serviceToken');
+ var copyText = document.getElementById("serviceToken");
// Select the text field
copyText.select();
@@ -91,8 +93,8 @@ const AddServiceTokenDialog = ({
const closeAddServiceTokenModal = () => {
closeModal();
- setServiceTokenName('');
- setServiceToken('');
+ setServiceTokenName("");
+ setServiceToken("");
};
return (
@@ -122,27 +124,26 @@ const AddServiceTokenDialog = ({
leaveFrom="opacity-100 scale-100"
leaveTo="opacity-0 scale-95"
>
- {serviceToken == '' ? (
+ {serviceToken == "" ? (
{data?.length > 0 ? (
) : (
@@ -110,7 +119,7 @@ const AddProjectMemberDialog = ({
- The user will receive an email with the instructions. + {t("section-members:add-dialog.user-will-email")}
-
-
+
+ router.push(
+ "/settings/org/" + router.query.id
+ )
+ }
+ />,
+ // eslint-disable-next-line react/jsx-key
+
- Add more users to the organization first. + {t("section-members:add-dialog.add-user-org-first")}
)}- Specify the name, environment, and expiry period. When - a token is generated, you will only be able to see it - once before it disappears. Make sure to save it - somewhere. + {t("section-token:add-dialog.description")}
@@ -169,14 +170,14 @@ const AddServiceTokenDialog = ({
selected={serviceTokenExpiresIn}
onChange={setServiceTokenExpiresIn}
data={[
- '1 day',
- '7 days',
- '1 month',
- '6 months',
- '12 months'
+ "1 day",
+ "7 days",
+ "1 month",
+ "6 months",
+ "12 months",
]}
- isFull={true}
- text="Expires in: "
+ width="full"
+ text={`${t("common:expired-in")}: `}
/>
@@ -184,10 +185,10 @@ const AddServiceTokenDialog = ({
- Once you close this popup, you will never see your - service token again + {t( + "section-token:add-dialog.copy-service-token-description" + )}