134 i18n pages change verification

src/locales/en/translation.json

@@ -16,6 +16,7 @@
   "cohort": "Cohort",
   "comment": "Comment",
   "contactInfo": "Contact Info",
+  "continue": "Continue",
   "countAndCompleted": "{{completedTasks}}/{{totalTasks}} completed",
   "createAPost": "Create a post",
   "createProfile": "Create Profile",
@@ -27,6 +28,7 @@
   "editSearch": "No results",
   "editYourPost": "Edit your post",
   "email": "Email",
+  "emailSent": "We have sent you a verification email to check and confirm your email address.",
   "enterCharacter": "Enter 3 characters or more",
   "enterYourFirstName": "enter your first name",
   "enterYourGithubUser": "enter your github username",
@@ -37,6 +39,7 @@
   "failedToEditPost": "Failed to edit the post. Please try again.",
   "firstLike": "Be the first to like this",
   "firstName": "First name",
+  "followLinkToLogin": "Please follow the link in the email to log in to Cohort Manager.",
   "frontendDevelopment": "Frontend Development",
   "getStarted": "Create your profile to get started",
   "githubUserName": "Github Username",
@@ -67,6 +70,7 @@
   "profile": "Profile",
   "required": "Required",
   "requiredFields": "Required fields need to be complete",
+  "resendEmail": "Resend email",
   "searchResults": "Search Results",
   "seeExercises": "See Exercises",
   "sendMessage": "send message",

src/locales/se/translation.json

@@ -16,6 +16,7 @@
   "cohort": "Kohort",
   "comment": "Kommentera",
   "contactInfo": "Contact Info",
+  "continue": "Fortsätt",
   "countAndCompleted": "Klar {{completedTasks}}/{{totalTasks}}",
   "createAPost": "Skapa ett inlägg",
   "createProfile": "Skapa profil",
@@ -27,6 +28,7 @@
   "editSearch": "Inga resultat",
   "editYourPost": "Redigera ditt inlägg",
   "email": "E-post",
+  "emailSent": "Vi har skickat en verifierings-e-post till dig för att kontrollera och bekräfta din e-postadress.",
   "enterCharacter": "Ange 3 eller fler tecken",
   "enterYourFirstName": "Ange ditt förnamn",
   "enterYourGithubUser": "Ange ditt GitHub-användarnamn",
@@ -37,6 +39,7 @@
   "failedToEditPost": "Misslyckades att redigera inlägget. Försök igen.",
   "firstLike": "Var den första att gilla detta",
   "firstName": "Förnamn",
+  "followLinkToLogin": "Följ länken i e-postmeddelandet för att logga in på Cohort Manager.",
   "frontendDevelopment": "Frontendutveckling",
   "getStarted": "Skapa din profil för att komma igång",
   "githubUserName": "Github-användarnamn",
@@ -67,6 +70,7 @@
   "profile": "Profil",
   "required": "Obligatorisk",
   "requiredFields": "Fyll i alla obligatoriska fält",
+  "resendEmail": "Skicka e-post igen",
   "searchResults": "Sökresultat",
   "seeExercises": "Visa övningar",
   "sendMessage": "Skicka meddelande",

src/pages/verification/index.js

@@ -2,9 +2,11 @@ import Button from "../../components/button";
 import TickIcon from "../../assets/tickIcon";
 import "./verification.css";
 import { useNavigate } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 
 const Verification = () => {
   const navigate = useNavigate();
+  const { t } = useTranslation();
 
   const onContinueClick = () => {
     navigate("/welcome");
@@ -14,20 +16,19 @@ const Verification = () => {
     <div className="bg-blue verify credentialpage">
       <div className="bg-white verify-card">
         <TickIcon />
-        <h1 className="h3">Welcome to Cohort Manager</h1>
+        <h1 className="h3">{t("welcome")}</h1>
         <div className="text-blue1">
           <p className="text-medium">
-            We have sent you a verification email to check and confirm your
-            email address.
+            {t("emailSent")}
           </p>
           <br />
           <p className="text-medium">
-            Please follow the link in the email to log in to Cohort Manager.
+            {t("followLinkToLogin")}
           </p>
         </div>
         <div className="verify-card-buttons">
-          <Button text="Resend email" classes="offwhite" />
-          <Button text="Continue" onClick={onContinueClick} classes="green" />
+          <Button text={t("resendEmail")} classes="offwhite" />
+          <Button text={t("continue")} onClick={onContinueClick} classes="green" />
         </div>
       </div>
     </div>