Web: Client: added opening additional information in the account

packages/client/src/components/panels/VersionHistoryPanel/index.js

@@ -75,7 +75,7 @@ class PureVersionHistoryPanel extends React.Component {
             </StyledHeaderContent>
 
             <StyledBody className="version-history-panel-body">
-              <SectionBodyContent />
+              <SectionBodyContent onClose={this.onClose} />
             </StyledBody>
             {showProgressBar && (
               <FloatingButton

packages/client/src/pages/VersionHistory/Section/Body/VersionRow.js

@@ -48,6 +48,8 @@ const VersionRow = (props) => {
     theme,
     canChangeVersionFileHistory,
     openUser,
+    onClose,
+    setIsVisible,
   } = props;
   const [showEditPanel, setShowEditPanel] = useState(false);
   const [commentValue, setCommentValue] = useState(info.comment);
@@ -73,6 +75,8 @@ const VersionRow = (props) => {
   };
 
   const onUserClick = () => {
+    onClose(true);
+    setIsVisible(true);
     openUser(info?.updatedBy, history);
   };
 
@@ -263,7 +267,7 @@ const VersionRow = (props) => {
 
 export default inject(({ auth, versionHistoryStore, selectedFolderStore }) => {
   const { user } = auth.userStore;
-  const { openUser } = auth.infoPanelStore;
+  const { openUser, setIsVisible } = auth.infoPanelStore;
   const { culture, isTabletView } = auth.settingsStore;
   const language = (user && user.cultureName) || culture || "en";
 
@@ -289,6 +293,7 @@ export default inject(({ auth, versionHistoryStore, selectedFolderStore }) => {
     isEditing: isEdit,
     canChangeVersionFileHistory,
     openUser,
+    setIsVisible,
   };
 })(
   withRouter(

packages/client/src/pages/VersionHistory/Section/Body/index.js

@@ -74,7 +74,7 @@ class SectionBodyContent extends React.Component {
   };
 
   renderRow = memo(({ index, style }) => {
-    const { versions, culture } = this.props;
+    const { versions, culture, onClose } = this.props;
 
     const prevVersion = versions[index > 0 ? index - 1 : index].versionGroup;
     let isVersion = true;
@@ -85,6 +85,7 @@ class SectionBodyContent extends React.Component {
     return (
       <div style={style}>
         <VersionRow
+          onClose={onClose}
           getFileVersions={this.getFileVersions}
           isVersion={isVersion}
           key={`${versions[index].id}-${index}`}