translate to norsk

src/frontend/src/i18n/locales/en/translation.json

@@ -56,6 +56,36 @@
     "loginError": "Invalid email or password",
     "loginSuccess": "Login successful"
   },
+  "login": {
+    "title": "OpenDigital.no",
+    "test_account": "Test account",
+    "test_credentials": "username: test / password: test12345",
+    "username": "Username",
+    "username_placeholder": "Username",
+    "username_required": "Please enter your username",
+    "password": "Password",
+    "password_placeholder": "Password",
+    "password_required": "Please enter your password",
+    "sign_in": "Sign in",
+    "dont_have_account": "Don't have an account?",
+    "sign_up": "Sign Up"
+  },
+  "signup": {
+    "title": "OpenDigital.no",
+    "username": "Username",
+    "username_placeholder": "Username",
+    "username_required": "Please enter your username",
+    "password": "Password",
+    "password_placeholder": "Password",
+    "password_required": "Please enter a password",
+    "confirm_password": "Confirm your password",
+    "confirm_password_placeholder": "Confirm your password",
+    "confirm_password_required": "Please confirm your password",
+    "passwords_not_match": "Passwords do not match",
+    "sign_up": "Sign up",
+    "have_account": "Already have an account?",
+    "sign_in": "Sign in"
+  },
   "flows": {
     "newFlow": "New Flow",
     "myFlows": "My Flows",

src/frontend/src/i18n/locales/no/translation.json

@@ -56,6 +56,36 @@
     "loginError": "Ugyldig e-post eller passord",
     "loginSuccess": "Innlogging vellykket"
   },
+  "login": {
+    "title": "OpenDigital.no",
+    "test_account": "Testkonto",
+    "test_credentials": "brukernavn: test / passord: test12345",
+    "username": "Brukernavn",
+    "username_placeholder": "Brukernavn",
+    "username_required": "Vennligst skriv inn brukernavn",
+    "password": "Passord",
+    "password_placeholder": "Passord",
+    "password_required": "Vennligst skriv inn passord",
+    "sign_in": "Logg inn",
+    "dont_have_account": "Har du ikke konto?",
+    "sign_up": "Registrer deg"
+  },
+  "signup": {
+    "title": "OpenDigital.no",
+    "username": "Brukernavn",
+    "username_placeholder": "Brukernavn",
+    "username_required": "Vennligst skriv inn brukernavn",
+    "password": "Passord",
+    "password_placeholder": "Passord",
+    "password_required": "Vennligst skriv inn passord",
+    "confirm_password": "Bekreft passord",
+    "confirm_password_placeholder": "Bekreft passord",
+    "confirm_password_required": "Vennligst bekreft passordet",
+    "passwords_not_match": "Passordene stemmer ikke overens",
+    "sign_up": "Registrer deg",
+    "have_account": "Har du allerede en konto?",
+    "sign_in": "Logg inn"
+  },
   "flows": {
     "newFlow": "Ny flyt",
     "myFlows": "Mine flyter",

src/frontend/src/pages/LoginPage/index.tsx

@@ -17,8 +17,10 @@ import {
   loginInputStateType,
 } from "../../types/components";
 import logo from '@/assets/logo-short.png'
+import { useTranslation } from 'react-i18next';
 
 export default function LoginPage(): JSX.Element {
+  const { t } = useTranslation();
   const [inputState, setInputState] =
     useState<loginInputStateType>(CONTROL_LOGIN_STATE);
 
@@ -70,16 +72,16 @@ export default function LoginPage(): JSX.Element {
         <div className="flex w-72 flex-col items-center justify-center gap-2">
           <img src={logo} alt="logo" />
           <span className="mb-6 text-2xl font-semibold text-primary">
-            OpenDigital.no
+            {t('login.title')}
           </span>
           <div className="mb-3 w-full">
             <div className="py-5">
-              <p>Test account:</p>
-              <div>username: test / password: test12345</div>
+              <p>{t('login.test_account')}:</p>
+              <div>{t('login.test_credentials')}</div>
             </div>
             <Form.Field name="username">
               <Form.Label className="data-[invalid]:label-invalid">
-                Username <span className="font-medium text-destructive">*</span>
+                {t('login.username')} <span className="font-medium text-destructive">*</span>
               </Form.Label>
 
               <Form.Control asChild>
@@ -91,19 +93,19 @@ export default function LoginPage(): JSX.Element {
                   value={username}
                   className="w-full"
                   required
-                  placeholder="Username"
+                  placeholder={t('login.username_placeholder')}
                 />
               </Form.Control>
 
               <Form.Message match="valueMissing" className="field-invalid">
-                Please enter your username
+                {t('login.username_required')}
               </Form.Message>
             </Form.Field>
           </div>
           <div className="mb-3 w-full">
             <Form.Field name="password">
               <Form.Label className="data-[invalid]:label-invalid">
-                Password <span className="font-medium text-destructive">*</span>
+                {t('login.password')} <span className="font-medium text-destructive">*</span>
               </Form.Label>
 
               <InputComponent
@@ -114,26 +116,26 @@ export default function LoginPage(): JSX.Element {
                 isForm
                 password={true}
                 required
-                placeholder="Password"
+                placeholder={t('login.password_placeholder')}
                 className="w-full"
               />
 
               <Form.Message className="field-invalid" match="valueMissing">
-                Please enter your password
+                {t('login.password_required')}
               </Form.Message>
             </Form.Field>
           </div>
           <div className="w-full">
             <Form.Submit asChild>
               <Button className="mr-3 mt-6 w-full" type="submit">
-                Sign in
+                {t('login.sign_in')}
               </Button>
             </Form.Submit>
           </div>
           <div className="w-full">
             <CustomLink to="/signup">
               <Button className="w-full" variant="outline" type="button">
-                Don't have an account?&nbsp;<b>Sign Up</b>
+                {t('login.dont_have_account')}&nbsp;<b>{t('login.sign_up')}</b>
               </Button>
             </CustomLink>
           </div>

src/frontend/src/pages/SignUpPage/index.tsx

@@ -21,8 +21,10 @@ import {
   signUpInputStateType,
 } from "../../types/components";
 import logo from '@/assets/logo-short.png'
+import { useTranslation } from 'react-i18next';
 
 export default function SignUp(): JSX.Element {
+  const { t } = useTranslation();
   const [inputState, setInputState] =
     useState<signUpInputStateType>(CONTROL_INPUT_STATE);
 
@@ -94,12 +96,12 @@ export default function SignUp(): JSX.Element {
         <div className="flex w-72 flex-col items-center justify-center gap-2">
           <img src={logo} alt="logo" />
           <span className="mb-6 text-2xl font-semibold text-primary">
-            OpenDigital.no
+            {t('signup.title')}
           </span>
           <div className="mb-3 w-full">
             <Form.Field name="username">
               <Form.Label className="data-[invalid]:label-invalid">
-                Username <span className="font-medium text-destructive">*</span>
+                {t('signup.username')} <span className="font-medium text-destructive">*</span>
               </Form.Label>
 
               <Form.Control asChild>
@@ -111,19 +113,19 @@ export default function SignUp(): JSX.Element {
                   value={username}
                   className="w-full"
                   required
-                  placeholder="Username"
+                  placeholder={t('signup.username_placeholder')}
                 />
               </Form.Control>
 
               <Form.Message match="valueMissing" className="field-invalid">
-                Please enter your username
+                {t('signup.username_required')}
               </Form.Message>
             </Form.Field>
           </div>
           <div className="mb-3 w-full">
             <Form.Field name="password" serverInvalid={password != cnfPassword}>
               <Form.Label className="data-[invalid]:label-invalid">
-                Password <span className="font-medium text-destructive">*</span>
+                {t('signup.password')} <span className="font-medium text-destructive">*</span>
               </Form.Label>
               <InputComponent
                 onChange={(value) => {
@@ -133,17 +135,17 @@ export default function SignUp(): JSX.Element {
                 isForm
                 password={true}
                 required
-                placeholder="Password"
+                placeholder={t('signup.password_placeholder')}
                 className="w-full"
               />
 
               <Form.Message className="field-invalid" match="valueMissing">
-                Please enter a password
+                {t('signup.password_required')}
               </Form.Message>
 
               {password != cnfPassword && (
                 <Form.Message className="field-invalid">
-                  Passwords do not match
+                  {t('signup.passwords_not_match')}
                 </Form.Message>
               )}
             </Form.Field>
@@ -154,7 +156,7 @@ export default function SignUp(): JSX.Element {
               serverInvalid={password != cnfPassword}
             >
               <Form.Label className="data-[invalid]:label-invalid">
-                Confirm your password{" "}
+                {t('signup.confirm_password')}{" "}
                 <span className="font-medium text-destructive">*</span>
               </Form.Label>
 
@@ -166,12 +168,12 @@ export default function SignUp(): JSX.Element {
                 isForm
                 password={true}
                 required
-                placeholder="Confirm your password"
+                placeholder={t('signup.confirm_password_placeholder')}
                 className="w-full"
               />
 
               <Form.Message className="field-invalid" match="valueMissing">
-                Please confirm your password
+                {t('signup.confirm_password_required')}
               </Form.Message>
             </Form.Field>
           </div>
@@ -185,14 +187,14 @@ export default function SignUp(): JSX.Element {
                   handleSignup();
                 }}
               >
-                Sign up
+                {t('signup.sign_up')}
               </Button>
             </Form.Submit>
           </div>
           <div className="w-full">
             <CustomLink to="/login">
               <Button className="w-full" variant="outline">
-                Already have an account?&nbsp;<b>Sign in</b>
+                {t('signup.have_account')}&nbsp;<b>{t('signup.sign_in')}</b>
               </Button>
             </CustomLink>
           </div>