Merge pull request #126 from folio-org/UIPBEX-53

UIPBEX-53 Implemented TitleManager component
folio-org · May 16, 2024 · c398db4 · c398db4
2 parents 5c4dd92 + c73fc86
commit c398db4
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/src/BursarExportPlugin.tsx b/src/BursarExportPlugin.tsx
@@ -1,8 +1,8 @@
 import { Button, LoadingPane, Pane, PaneFooter } from '@folio/stripes/components';
-import { useStripes } from '@folio/stripes/core';
+import { useStripes, TitleManager } from '@folio/stripes/core';
 import { FormApi } from 'final-form';
 import React, { useCallback, useRef } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { formValuesToDto, schedulingToDto } from './api/dto/to';
 import { useAutomaticSchedulerMutation, useManualSchedulerMutation } from './api/mutators';
 import ConfigurationForm from './components/ConfigurationForm';
@@ -11,6 +11,7 @@ import useInitialValues from './hooks/useInitialValues';
 import { FormValues } from './types';
 
 export default function BursarExportPlugin() {
+  const intl = useIntl();
   const stripes = useStripes();
 
   const initialValues = useInitialValues();
@@ -71,17 +72,19 @@ export default function BursarExportPlugin() {
   }
 
   return (
-    <Pane
-      defaultWidth="fill"
-      footer={footer}
-      id="pane-batch-group-configuration"
-      paneTitle={<FormattedMessage id="ui-plugin-bursar-export.bursarExports.paneTitle" />}
-    >
-      <ConfigurationForm
-        initialValues={initialValues}
-        onSubmit={submitCallback}
-        formApiRef={formApiRef}
-      />
-    </Pane>
+    <TitleManager page={intl.formatMessage({ id: 'ui-plugin-bursar-export.settings.title' })} stripes={stripes}>
+      <Pane
+        defaultWidth="fill"
+        footer={footer}
+        id="pane-batch-group-configuration"
+        paneTitle={<FormattedMessage id="ui-plugin-bursar-export.bursarExports.paneTitle" />}
+      >
+        <ConfigurationForm
+          initialValues={initialValues}
+          onSubmit={submitCallback}
+          formApiRef={formApiRef}
+        />
+      </Pane>
+    </TitleManager>
   );
 }
diff --git a/test/__mocks__/stripes-core.mock.ts b/test/__mocks__/stripes-core.mock.ts
@@ -19,6 +19,7 @@ jest.mock('@folio/stripes/core', () => {
       }
     }),
     Pluggable: jest.fn(({ children }) => [children]),
+    TitleManager: jest.fn(({ children }) => children),
     useOkapiKy: jest.fn(),
     useStripes: jest.fn(() => STRIPES),
   };

diff --git a/translations/ui-plugin-bursar-export/en.json b/translations/ui-plugin-bursar-export/en.json
@@ -1,5 +1,6 @@
 {
   "meta.title": "Transfer configuration",
+  "settings.title": "Users settings - Transfer criteria",
 
   "bursarExports.paneTitle": "Transfer configuration",