UIU-2987 - Hide all actionalble buttons on user details pane

folio-org · Nov 21, 2023 · 814d7a8 · 814d7a8
1 parent 0de90a1
commit 814d7a8
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 8 deletions.
diff --git a/src/components/UserDetailSections/PatronBlock/PatronBlock.js b/src/components/UserDetailSections/PatronBlock/PatronBlock.js
@@ -16,6 +16,7 @@ import {
 } from '@folio/stripes/components';
 import { stripesConnect } from '@folio/stripes/core';
 
+import { isDcbUser } from '../../util';
 import css from './PatronBlock.css';
 
 const PATRON_BLOCKS_COLUMNS = {
@@ -37,6 +38,11 @@ class PatronBlock extends React.Component {
     expanded: PropTypes.bool,
     accordionId: PropTypes.string,
     patronBlocks: PropTypes.arrayOf(PropTypes.object),
+    resources: PropTypes.shape({
+      selUser: PropTypes.shape({
+        records: PropTypes.arrayOf(PropTypes.object),
+      }),
+    }),
     mutator: PropTypes.shape({
       activeRecord: PropTypes.shape({
         update: PropTypes.func,
@@ -160,7 +166,11 @@ class PatronBlock extends React.Component {
       patronBlocks,
       match: { params },
       location,
+      resources,
     } = this.props;
+
+    const user = resources?.selUser?.records[0];
+
     const {
       sortOrder,
       sortDirection,
@@ -203,7 +213,7 @@ class PatronBlock extends React.Component {
         id={accordionId}
         onToggle={onToggle}
         label={title}
-        displayWhenOpen={displayWhenOpen}
+        displayWhenOpen={!isDcbUser(user) ? displayWhenOpen : null}
       >
         <Row><Col xs>{items}</Col></Row>
       </Accordion>

diff --git a/src/components/UserDetailSections/UserAccounts/UserAccounts.js b/src/components/UserDetailSections/UserAccounts/UserAccounts.js
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
+import { get } from 'lodash';
 
 import {
   Row,
@@ -20,6 +21,7 @@ import {
   refundStatuses,
   refundClaimReturned,
 } from '../../../constants';
+import { isDcbUser } from '../../util';
 
 
 /**
@@ -39,6 +41,7 @@ const UserAccounts = ({
   },
   resources,
 }) => {
+  const user = get(resources, ['selUser', 'records', '0']);
   const [totals, setTotals] = useState({
     openAccountsCount: 0,
     closedAccountsCount: 0,
@@ -98,7 +101,7 @@ const UserAccounts = ({
       onToggle={onToggle}
       label={<Headline size="large" tag="h3"><FormattedMessage id="ui-users.accounts.title.feeFine" /></Headline>}
       displayWhenClosed={displayWhenClosed}
-      displayWhenOpen={displayWhenOpen}
+      displayWhenOpen={!isDcbUser(user) ? displayWhenOpen : null}
     >
       {accountsLoaded ?
         <Row>

diff --git a/src/components/UserDetailSections/UserRequests/UserRequests.js b/src/components/UserDetailSections/UserRequests/UserRequests.js
@@ -21,6 +21,7 @@ import {
   getOpenRequestStatusesFilterString,
   getClosedRequestStatusesFilterString,
   getRequestUrl,
+  isDcbUser,
 } from '../../util';
 
 /**
@@ -107,12 +108,10 @@ class UserRequests extends React.Component {
       expanded,
       onToggle,
       accordionId,
-      user: {
-        barcode,
-        id,
-      },
+      user,
       resources
     } = this.props;
+    const { barcode, id } = user;
     const openRequestsTotal = _.get(resources.openRequestsCount, ['records', '0', 'totalRecords'], 0);
     const closedRequestsTotal = _.get(resources.closedRequestsCount, ['records', '0', 'totalRecords'], 0);
     const openRequestsCount = (_.get(resources.openRequestsCount, ['isPending'], true)) ? -1 : openRequestsTotal;
@@ -142,7 +141,7 @@ class UserRequests extends React.Component {
         onToggle={onToggle}
         label={<Headline size="large" tag="h3"><FormattedMessage id="ui-users.requests.title" /></Headline>}
         displayWhenClosed={displayWhenClosed}
-        displayWhenOpen={displayWhenOpen}
+        displayWhenOpen={!isDcbUser(user) ? displayWhenOpen : null}
       >
         {requestsLoaded ?
           <List

diff --git a/src/views/UserDetail/UserDetail.js b/src/views/UserDetail/UserDetail.js
@@ -57,6 +57,7 @@ import { getFormAddressList } from '../../components/data/converters/address';
 import {
   getFullName,
   isAffiliationsEnabled,
+  isDcbUser,
 } from '../../components/util';
 import RequestFeeFineBlockButtons from '../../components/RequestFeeFineBlockButtons';
 import { departmentsShape } from '../../shapes';
@@ -430,6 +431,7 @@ class UserDetail extends React.Component {
     const accounts = get(resources, ['accounts', 'records'], []);
     const loans = get(resources, ['loanRecords', 'records'], []);
     const isShadowUser = user?.type === USER_TYPES.SHADOW;
+    const isVirtualPatron = isDcbUser(user);
 
     const feesFinesReportData = {
       user,
@@ -446,7 +448,7 @@ class UserDetail extends React.Component {
       || this.props.stripes.hasPerm('ui-requests.all')
       || this.props.stripes.hasPerm('ui-users.delete,ui-users.opentransactions');
 
-    if (showActionMenu) {
+    if (showActionMenu && !isVirtualPatron) {
       return (
         <>
           {!isShadowUser && (
@@ -624,6 +626,7 @@ class UserDetail extends React.Component {
     const isAffiliationsVisible = isAffiliationsEnabled(user);
 
     const isShadowUser = user?.type === USER_TYPES.SHADOW;
+    const isVirtualPatron = isDcbUser(user);
     const showPatronBlocksSection = hasPatronBlocksPermissions && !isShadowUser;
 
     if (this.userNotFound()) {
@@ -862,6 +865,7 @@ class UserDetail extends React.Component {
                       pathToNoteCreate="/users/notes/new"
                       pathToNoteDetails="/users/notes"
                       hideAssignButton
+                      hideNewButton={isVirtualPatron}
                     />
                   </IfPermission>
                 </IfInterface>