Fixed issues with texts (#13367)

* Fix missing texts

* Fix texts

* Cleanup code

* Remove unused text

* Commit to trigger Playwright tests

* Commit to trigger Playwright tests

* Remove unused text

* Fix mails

frontend/app-development/features/appPublish/containers/ReleaseContainer.module.css

@@ -41,26 +41,6 @@
   color: #1eaef7;
 }
 
-.cannotCreateReleaseContainer {
-  background-color: #f9cad3;
-  height: 100%;
-  margin: var(--release-panel-padding);
-}
-
-.cannotCreateReleaseTitle {
-  padding: var(--release-panel-padding);
-}
-
-.cannotCreateReleaseSubTitle {
-  font-size: 1.4rem;
-  padding: var(--release-panel-padding);
-}
-
-.renderCannotCreateReleaseIcon {
-  padding-top: var(--release-panel-padding);
-  color: var(--fds-semantic-text-danger-default);
-}
-
 .versionHeader {
   border-bottom: 1px solid #bcc7cc;
   padding: 1rem 2rem 0;

frontend/app-development/features/appPublish/containers/ReleaseContainer.tsx

@@ -5,20 +5,19 @@ import type { KeyboardEvent, MouseEvent } from 'react';
 import { BuildResult, BuildStatus } from 'app-shared/types/Build';
 import { CreateRelease } from '../components/CreateRelease';
 import { Release } from '../components/Release';
-import { UploadIcon, CheckmarkIcon, XMarkOctagonFillIcon } from '@studio/icons';
+import { UploadIcon, CheckmarkIcon } from '@studio/icons';
 import { gitCommitPath } from 'app-shared/api/paths';
-import { useMediaQuery, StudioSpinner, StudioPopover } from '@studio/components';
+import { StudioSpinner, StudioPopover, StudioParagraph } from '@studio/components';
 import { useBranchStatusQuery, useAppReleasesQuery } from '../../../hooks/queries';
 import { Trans, useTranslation } from 'react-i18next';
 import { useQueryClient } from '@tanstack/react-query';
 import { QueryKey } from 'app-shared/types/QueryKey';
 
 import { useRepoStatusQuery } from 'app-shared/hooks/queries';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
-import { Link } from '@digdir/designsystemet-react';
+import { Alert, Link } from '@digdir/designsystemet-react';
 
 export function ReleaseContainer() {
-  const hiddenMdDown = useMediaQuery('(max-width: 1025px)');
   const { org, app } = useStudioEnvironmentParams();
   const [popoverOpenClick, setPopoverOpenClick] = useState<boolean>(false);
   const [popoverOpenHover, setPopoverOpenHover] = useState<boolean>(false);
@@ -77,24 +76,16 @@ export function ReleaseContainer() {
     }
     if (!masterBranchStatus) {
       return (
-        <div className={classes.cannotCreateReleaseContainer}>
-          {hiddenMdDown ? null : (
-            <XMarkOctagonFillIcon className={classes.renderCannotCreateReleaseIcon} />
-          )}
-          <div>
-            <div className={classes.cannotCreateReleaseTitle}>
-              <Trans
-                i18nKey={'app_create_release_errors.fetch_release_failed'}
-                components={{
-                  a: <Link href='/contact'> </Link>,
-                }}
-              ></Trans>
-            </div>
-            <div className={classes.cannotCreateReleaseSubTitle}>
-              {t('app_create_release_errors.technical_error_code')}
-            </div>
-          </div>
-        </div>
+        <Alert severity='danger'>
+          <StudioParagraph>
+            <Trans
+              i18nKey={'app_create_release_errors.fetch_release_failed'}
+              components={{
+                a: <Link href='/contact'> </Link>,
+              }}
+            ></Trans>
+          </StudioParagraph>
+        </Alert>
       );
     }
     // Check if latest

frontend/app-development/features/appPublish/pages/DeployPage.tsx

@@ -9,6 +9,8 @@ import { AltinnContentLoader } from 'app-shared/components/molecules/AltinnConte
 import { useInvalidator } from '../../../hooks/useInvalidator';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
 import { Alert, Link } from '@digdir/designsystemet-react';
+import { EmailContactProvider } from 'app-shared/getInTouch/providers';
+import { GetInTouchWith } from 'app-shared/getInTouch';
 
 export function DeployPage() {
   const { org, app } = useStudioEnvironmentParams();
@@ -40,15 +42,13 @@ export function DeployPage() {
 
   // If org isn't listed, or doesn't have any environments
   if (!orgs[org] || !orgs[org].environments || !orgs[org].environments.length) {
+    const contactByEmail = new GetInTouchWith(new EmailContactProvider());
     return (
       <InfoCard headerText={t('app_deployment.no_env_title')} shadow={true}>
         <div>
-          <Trans
-            i18nKey={'app_deployment.no_env_1'}
-            components={{
-              a: <Link href='/contact'> </Link>,
-            }}
-          ></Trans>
+          <Trans i18nKey='app_deployment.no_env_1'>
+            <Link href={contactByEmail.url('serviceOwner')}> </Link>
+          </Trans>
         </div>
         <div style={{ paddingTop: '2.4rem' }}>
           <Trans i18nKey={'app_deployment.no_env_2'}>

frontend/dashboard/app/App.tsx

@@ -9,8 +9,9 @@ import { useOrganizationsQuery } from '../hooks/queries';
 
 import './App.css';
 import { PageLayout } from 'dashboard/pages/PageLayout';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { DASHBOARD_ROOT_ROUTE } from 'app-shared/constants';
+import { Link } from '@digdir/designsystemet-react';
 
 export const App = (): JSX.Element => {
   const { t } = useTranslation();
@@ -41,7 +42,14 @@ export const App = (): JSX.Element => {
     return (
       <StudioPageError
         title={t('dashboard.error_unknown.title')}
-        message={t('dashboard.error_unknown.message')}
+        message={
+          <Trans
+            i18nKey={'dashboard.error_unknown.message'}
+            components={{
+              a: <Link href='/contact'> </Link>,
+            }}
+          />
+        }
       />
     );
   };

frontend/language/src/nb.json

@@ -25,8 +25,7 @@
   "app_create_release.status_popover": "Status for neste bygg",
   "app_create_release.still_building_release": "Bygger fortsatt versjon {{version}}",
   "app_create_release_errors.check_status_on_build_error": "Det har skjedd en teknisk feil, så vi får ikke oppdatert statusen på bygget ditt. Vi prøver å sjekke statusen på nytt …",
-  "app_create_release_errors.fetch_release_failed": "Det har skjedd en teknisk feil som gjør at du ikke kan bygge versjoner eller publisere en app til miljøene akkurat nå. Prøv igjen senere. Hvis du fortsatt har problemer, kontakt <0 href=\"mailto:tjenesteeier@altinn.no\">Altinn servicedesk</0>.",
-  "app_create_release_errors.technical_error_code": "Teknisk feilkode",
+  "app_create_release_errors.fetch_release_failed": "Det har skjedd en teknisk feil som gjør at du ikke kan bygge versjoner akkurat nå. Prøv igjen senere. Hvis problemet fortsetter, <a>ta kontakt med oss</a>.",
   "app_data_modelling.fields_information": "Hvis du vil legge til felter på dette elementet, må du konvertere det til et objekt.",
   "app_data_modelling.landing_dialog_create": "Lag en ny datamodell",
   "app_data_modelling.landing_dialog_header": "Last opp eller lag en ny datamodell for å starte",
@@ -43,7 +42,7 @@
   "app_deployment.last_published": "Sist publisert {{lastPublishedDate}}.",
   "app_deployment.loading": "Laster inn statusen og aktiviteten for denne appen...",
   "app_deployment.missing_rights": "Du har ikke rettigheter til å publisere til {{envTitle}}. Be eierne i {{orgName}} om å gi deg tilgang.",
-  "app_deployment.no_env_1": "For å opprette miljøer som du kan teste og produksjonssette i, må du ta kontakt med <0 href=\"mailto:tjenesteeier@altinn.no\">Altinn servicedesk</0>. Det er viktig at du oppgir organisasjonsnavnet og hvilke miljøer du vil ha tilgang til.",
+  "app_deployment.no_env_1": "For å opprette miljøer som du kan teste og produksjonssette i, må du ta kontakt med <0>Altinn servicedesk</0>. Det er viktig at du oppgir organisasjonsnavnet og hvilke miljøer du vil ha tilgang til.",
   "app_deployment.no_env_2": "Fram til et miljø er på plass, husk at du kan gjøre mye <0 href=\"https://docs.altinn.studio/app/testing/local/\">testing lokalt</0> eller i forhåndsvisningen i Altinn Studio.",
   "app_deployment.no_env_title": "Din organisasjon har ikke noe test- og produksjonsmiljø",
   "app_deployment.no_team": "Du tilhører ikke noe team i organisasjonen din.",
@@ -88,7 +87,6 @@
   "app_release.release_version": "Versjon:",
   "contact.email.content": "Du kan skrive en e-post til Altinn servicedesk hvis du har spørsmål om å opprette organisasjoner eller miljøer, opplever tekniske problemer eller har spørsmål om dokumentasjonen eller andre ting.",
   "contact.email.heading": "Send e-post",
-  "contact.email.link": "<0 href=\"mailto:servicedesk@altinn.no\">servicedesk@altinn.no</0>",
   "contact.github_issue.content": "Hvis du har behov for funksjonalitet eller ser feil og mangler i Studio som vi må fikse, kan du opprette en sak i Github, så ser vi på den.",
   "contact.github_issue.heading": "Rapporter feil og mangler til oss",
   "contact.github_issue.link_label": "Opprett sak i Github",
@@ -115,6 +113,7 @@
   "dashboard.error_getting_user_data.message": "Det oppsto en feil da vi skulle hente brukerdataene dine.",
   "dashboard.error_getting_user_data.title": "Det oppsto en feil da vi skulle laste inn brukerdata",
   "dashboard.error_unknown.message": "Det har oppstått en ukjent feil, prøv igjen om litt. Hvis problemet fortsetter, <a>ta kontakt med oss</a>",
+  "dashboard.error_unknown.title": "Ukjent feil oppstod",
   "dashboard.favorite_status": "Favorittstatus",
   "dashboard.favourites": "Favoritter",
   "dashboard.field_cannot_be_empty": "Dette feltet kan ikke være tomt",
@@ -163,7 +162,7 @@
   "dashboard.view_data_models_error_title": "Kan ikke vise listen over datamodeller",
   "dashboard.view_favorites_error_title": "Kan ikke vise listen med favoritter",
   "dashboard.view_resources_error_title": "Kan ikke vise listen med ressurser",
-  "dashboard.view_table_error_message": "Prøv å laste Studio på nytt. Hvis problemet fortsetter, kan du kontakte Brukerservice på +47 75 00 60 00.",
+  "dashboard.view_table_error_message": "Prøv å laste Studio på nytt. Hvis problemet fortsetter, <a>ta kontakt med oss</a>.",
   "data_modelling.loading": "Laster inn datamodellering",
   "expression": "Uttrykk",
   "expression.addSubexpression": "Legg til underuttrykk",
@@ -504,7 +503,7 @@
   "merge_conflict.remove_my_changes": "Fjern mine endringer",
   "not_found_page.heading": "Vi finner ikke siden",
   "not_found_page.redirect_to_dashboard": "Gå tilbake til Dashboard",
-  "not_found_page.text": "Vi finner ikke siden du leter etter. Har du skrevet inn riktig URL? \nDu kan prøve å gå tilbake til dashboardet for å sjekke, eller snakke med <0>Altinn brukerservice</0> om du trenger hjelp.",
+  "not_found_page.text": "Vi finner ikke siden du leter etter. Har du skrevet inn riktig URL? \nDu kan prøve å gå tilbake til dashboardet for å sjekke, eller <a>ta kontakt med oss</a> om du trenger hjelp.",
   "overview.activity": "Aktivitet",
   "overview.deployment_log_list_created": "Opprettet {{createdDateTime}} av {{createdBy}}",
   "overview.deployment_log_list_title": "Versjon {{tagName}} {{envTitle}}",
@@ -578,7 +577,6 @@
   "policy_editor.select_auth_level_help_text_content": "Les mer om sikkerhetsnivå og innlogging for sluttbruker.",
   "policy_editor.select_auth_level_label": "Velg det sikkerhetsnivået som brukeren minst må ha",
   "policy_editor.verification_modal_text": "Er du sikker på at du vil slette denne regelen?",
-  "preview.iframe_title": "Forhåndsvisning",
   "preview.limitations_info": "Forhåndsvisningen til Altinn Studio lar deg se en forenklet visning av skjemasidene. Visningen tar ikke hensyn til forhåndsutfylling og egendefinerte funksjoner. Du får derfor ikke testet hele flyten i appen her.",
   "preview.subheader.restart": "Start på nytt",
   "preview.subheader.sharelink": "Del lenke",

frontend/studio-root/app/App.tsx

@@ -8,8 +8,6 @@ import { useTranslation, Trans } from 'react-i18next';
 import './App.css';
 import { PageLayout } from '../pages/PageLayout';
 import { ContactPage } from '../pages/Contact/ContactPage';
-import { EmailContactProvider } from 'app-shared/getInTouch/providers';
-import { GetInTouchWith } from 'app-shared/getInTouch';
 
 export const App = (): JSX.Element => {
   return (
@@ -27,16 +25,17 @@ export const App = (): JSX.Element => {
 const NotFoundPage = () => {
   const { t } = useTranslation();
 
-  const contactByEmail = new GetInTouchWith(new EmailContactProvider());
-
   return (
     <StudioNotFoundPage
       title={t('not_found_page.heading')}
       body={
         <Paragraph size='small'>
-          <Trans i18nKey='not_found_page.text'>
-            <Link href={contactByEmail.url('serviceOwner')}>tjenesteeier@altinn.no</Link>
-          </Trans>
+          <Trans
+            i18nKey='not_found_page.text'
+            components={{
+              a: <Link href='/contact'> </Link>,
+            }}
+          ></Trans>
         </Paragraph>
       }
       redirectHref='/'