From a49d579793c9578fb9fd122dd8e7965c197fcca0 Mon Sep 17 00:00:00 2001
From: Uladzislau_Kutarkin <uladzislau_kutarkin@epam.com>
Date: Wed, 25 Dec 2024 13:01:35 +0400
Subject: [PATCH] UIU-3302: Create/Edit a Patron Block - HTML page title

---
 CHANGELOG.md                                   | 1 +
 src/components/PatronBlock/PatronBlockLayer.js | 9 +++++++--
 translations/ui-users/en.json                  | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ec304dc1c..ca3b20810 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 * Leverage API supported sorting of columns on pre-registrations records list. Refs UIU-3249.
 * Fix issue with `Proxy borrower` field value. Refs UIU-3290.
 * Remove duplicates from the keyboard shortcut modal. Refs UIU-3026.
+* Create/Edit a Patron Block - HTML page title. Refs UIU-3302.
 
 ## [11.0.9](https://github.com/folio-org/ui-users/tree/v11.0.9) (2024-12-13)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.8...v11.0.9)
diff --git a/src/components/PatronBlock/PatronBlockLayer.js b/src/components/PatronBlock/PatronBlockLayer.js
index 16d0008a3..c7c9215bf 100644
--- a/src/components/PatronBlock/PatronBlockLayer.js
+++ b/src/components/PatronBlock/PatronBlockLayer.js
@@ -6,6 +6,7 @@ import {
 import PropTypes from 'prop-types';
 import moment from 'moment';
 import { ConfirmationModal } from '@folio/stripes/components';
+import { TitleManager } from '@folio/stripes/core';
 import PatronBlockForm from './PatronBlockForm';
 
 class PatronBlockLayer extends React.Component {
@@ -168,8 +169,12 @@ class PatronBlockLayer extends React.Component {
         {intl.formatMessage({ id: 'ui-users.blocks.message' })}
       </span> : '';
 
+    const title = params.patronblockid ? intl.formatMessage({ id: 'ui-users.title.patronBlock.edit' })
+      :
+      intl.formatMessage({ id: 'ui-users.title.patronBlock.create' });
+
     return (
-      <>
+      <TitleManager page={title}>
         <PatronBlockForm
           intl={intl}
           stripes={stripes}
@@ -190,7 +195,7 @@ class PatronBlockLayer extends React.Component {
           heading={intl.formatMessage({ id: 'ui-users.blocks.layer.heading' })}
           message={message}
         />
-      </>
+      </TitleManager>
     );
   }
 }
diff --git a/translations/ui-users/en.json b/translations/ui-users/en.json
index 9e1f6dffb..d66b6f43a 100644
--- a/translations/ui-users/en.json
+++ b/translations/ui-users/en.json
@@ -1234,5 +1234,8 @@
   "stagingRecords.message.noAccessToStagingRecordsPage": "User does not have permission to access \"Patron preregistration record results\" page",
   "stagingUser.createUser": "FOLIO user record <b>{name}</b> has been successfully created.",
   "keycloak.modal.confirmationHeading": "Keycloak user record",
-  "keycloak.modal.creation": "This operation will create new record in Keycloak for <b>{user}</b>"
+  "keycloak.modal.creation": "This operation will create new record in Keycloak for <b>{user}</b>",
+
+  "title.patronBlock.create": "Users - Create a new patron block",
+  "title.patronBlock.edit": "Users - Edit a patron block"
 }