UIIN-3172: Use VersionHistoryPane

folio-org · Feb 5, 2025 · 3ab108e · 3ab108e
1 parent 6b8517b
commit 3ab108e
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 22 deletions.
diff --git a/src/views/ItemView.js b/src/views/ItemView.js
@@ -169,16 +169,9 @@ const ItemView = props => {
   const intl = useIntl();
   const calloutContext = useContext(CalloutContext);
   const accordionStatusRef = useRef();
-  const paneTitleRef = useRef();
   const { mutateHolding } = useHoldingMutation(targetTenant?.id);
   const { updateOwnership } = useUpdateOwnership(UPDATE_OWNERSHIP_API.ITEMS);
 
-  useEffect(() => {
-    if (paneTitleRef.current) {
-      paneTitleRef.current.focus();
-    }
-  }, [isVersionHistoryOpen]);
-
   useEffect(() => {
     if (checkIfUserInMemberTenant(stripes)) {
       setTenants(omitCurrentAndCentralTenants(stripes));
@@ -1756,7 +1749,6 @@ const ItemView = props => {
         {isVersionHistoryOpen && (
           <VersionHistory
             onClose={() => setIsSetVersionHistoryOpen(false)}
-            paneTitleRef={paneTitleRef}
           />
         )}
       </Paneset>

diff --git a/src/views/VersionHistory/VersionHistory.js b/src/views/VersionHistory/VersionHistory.js
@@ -1,27 +1,34 @@
 import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 
-import { Pane } from '@folio/stripes/components';
+import {
+  VersionHistoryPane,
+  VersionViewContextProvider,
+} from '@folio/stripes-acq-components';
 
-const VersionHistory = ({ onClose, paneTitleRef }) => {
+const VersionHistory = ({ onClose }) => {
   return (
-    <Pane
-      id="version-history-pane"
-      defaultWidth="20%"
-      onClose={onClose}
-      paneTitle={<FormattedMessage id="ui-inventory.versionHistory.paneTitle" />}
-      dismissible
-      paneTitleRef={paneTitleRef}
+    <VersionViewContextProvider
+      snapshotPath=""
+      versions={[]}
+      versionId={null}
     >
-      {/* TODO: Create here the list of version history cards in scope of https://folio-org.atlassian.net/browse/UIIN-3175 */}
-      <span>Versions</span>
-    </Pane>
+      <VersionHistoryPane
+        currentVersion={null}
+        id="inventory"
+        isLoading={false}
+        onClose={onClose}
+        onSelectVersion={() => {}}
+        snapshotPath=""
+        labelsMap={{}}
+        versions={[]}
+        hiddenFields={[]}
+      />
+    </VersionViewContextProvider>
   );
 };
 
 VersionHistory.propTypes = {
   onClose: PropTypes.func,
-  paneTitleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };