style: format row using acqRowFormatter

folio-org · Nov 9, 2023 · 2ec2735 · 2ec2735
1 parent 632cc04
commit 2ec2735
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/lib/Donors/Donors.css b/lib/Donors/Donors.css
diff --git a/lib/Donors/DonorsList.js b/lib/Donors/DonorsList.js
@@ -1,9 +1,10 @@
 import PropTypes from 'prop-types';
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 
 import { MultiColumnList } from '@folio/stripes/components';
 import { useStripes } from '@folio/stripes/core';
 
+import { acqRowFormatter } from '../utils';
 import {
   alignRowProps,
   defaultColumnMapping,
@@ -25,12 +26,17 @@ export const DonorsList = ({
     return formatterProp || getDonorsListFormatter({ canViewOrganizations });
   }, [canViewOrganizations, formatterProp]);
 
+  const anchoredRowFormatter = useCallback((rowProps) => {
+    return acqRowFormatter(rowProps);
+  }, []);
+
   return (
     <MultiColumnList
       id={id}
       columnMapping={columnMapping}
       contentData={contentData}
       formatter={formatter}
+      rowFormatter={anchoredRowFormatter}
       rowProps={alignRowProps}
       visibleColumns={visibleColumns}
       columnWidths={columnWidths}

diff --git a/lib/Donors/utils.js b/lib/Donors/utils.js
@@ -4,8 +4,6 @@ import {
   TextLink,
 } from '@folio/stripes/components';
 
-import css from './Donors.css';
-
 const getDonorUrl = (orgId) => {
   if (orgId) {
     return `/organizations/view/${orgId}`;
@@ -26,7 +24,6 @@ export const getDonorsFormatter = ({ canViewOrganizations, fields, intl }) => ({
       aria-label={intl.formatMessage({ id: 'stripes-acq-components.donors.button.unassign' })}
       buttonStyle="fieldControl"
       type="button"
-      buttonClass={css.donorUnassignButton}
       onClick={(e) => {
         e.preventDefault();
         fields.remove(donor._index);