✨ [open-formulieren/open-forms#4720] Added form name to the title of …

…the form step pages
open-formulieren · Oct 24, 2024 · 88dc2df · 88dc2df
1 parent eb0e1ac
commit 88dc2df
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/FormStep/index.js b/src/components/FormStep/index.js
@@ -353,7 +353,7 @@ const FormStep = ({form, submission, onLogicChecked, onStepSubmitted, onDestroyS
   const currentStepIndex = form.steps.indexOf(formStep);
   const submissionStep = submission.steps.find(s => s.formStep === formStep.url);
 
-  useTitle(formStep.formDefinition);
+  useTitle(formStep.formDefinition, form.name);
 
   /**
    * Fetches the form step data from the backend.

diff --git a/src/components/Summary/SubmissionSummary.js b/src/components/Summary/SubmissionSummary.js
@@ -100,7 +100,7 @@ const SubmissionSummary = ({
     description: 'Summary page title',
     defaultMessage: 'Check and confirm',
   });
-  useTitle(pageTitle);
+  useTitle(pageTitle, form.name);
 
   const getErrors = () => {
     let errors = [];

diff --git a/src/hooks/useTitle.js b/src/hooks/useTitle.js
@@ -3,10 +3,12 @@ import {useTitle as reactUseTitle} from 'react-use';
 
 import {ConfigContext} from 'Context';
 
-const useTitle = localTitle => {
+const useTitle = (localTitle, regionalTitle = '') => {
   let {baseTitle} = useContext(ConfigContext);
   baseTitle = baseTitle ? baseTitle.trim() : '';
-  return reactUseTitle(baseTitle ? `${localTitle} | ${baseTitle}` : localTitle);
+
+  const titleParts = [localTitle, regionalTitle, baseTitle].filter(part => part !== '');
+  return reactUseTitle(titleParts.join(' | '));
 };
 
 export default useTitle;