feat: added default product line filter for budget (#1012)

src/components/learner-credit-management/BudgetCard.jsx

@@ -10,6 +10,7 @@ import {
   Breadcrumb,
 } from '@edx/paragon';
 
+import { getCourseProductLineAbbreviation } from '../../utils';
 import { useOfferRedemptions, useOfferSummary } from './data/hooks';
 import LearnerCreditAggregateCards from './LearnerCreditAggregateCards';
 import LearnerCreditAllocationTable from './LearnerCreditAllocationTable';
@@ -153,6 +154,7 @@ const BudgetCard = ({
             tableData={offerRedemptions}
             fetchTableData={fetchOfferRedemptions}
             enterpriseUUID={enterpriseUUID}
+            budgetType={getCourseProductLineAbbreviation(activeLabel)}
           />
         )}
     </Stack>

src/components/learner-credit-management/LearnerCreditAllocationTable.jsx

@@ -17,8 +17,11 @@ const LearnerCreditAllocationTable = ({
   tableData,
   fetchTableData,
   enterpriseUUID,
+  budgetType,
 }) => {
   const isDesktopTable = useMediaQuery({ minWidth: breakpoints.extraLarge.minWidth });
+  const defaultFilter = budgetType ? [{ id: 'courseProductLine', value: budgetType }] : [];
+
   return (
     <DataTable
       isSortable
@@ -57,6 +60,7 @@ const LearnerCreditAllocationTable = ({
           Header: 'Product',
           accessor: 'courseProductLine',
           Cell: ({ row }) => getCourseProductLineText(row.values.courseProductLine),
+          disableFilters: true,
         },
       ]}
       initialTableOptions={{
@@ -68,6 +72,7 @@ const LearnerCreditAllocationTable = ({
         sortBy: [
           { id: 'enrollmentDate', desc: true },
         ],
+        filters: defaultFilter,
       }}
       fetchData={fetchTableData}
       data={tableData.results}
@@ -85,6 +90,9 @@ const LearnerCreditAllocationTable = ({
     />
   );
 };
+LearnerCreditAllocationTable.defaultProps = {
+  budgetType: null,
+};
 
 LearnerCreditAllocationTable.propTypes = {
   enterpriseUUID: PropTypes.string.isRequired,
@@ -101,6 +109,7 @@ LearnerCreditAllocationTable.propTypes = {
     pageCount: PropTypes.number.isRequired,
   }).isRequired,
   fetchTableData: PropTypes.func.isRequired,
+  budgetType: PropTypes.string,
 };
 
 export default LearnerCreditAllocationTable;

src/components/learner-credit-management/tests/BudgetCard.test.jsx

@@ -12,6 +12,7 @@ import {
 } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import BudgetCard from '../BudgetCard';
 import { useOfferSummary, useOfferRedemptions } from '../data/hooks';
 
@@ -30,7 +31,6 @@ useOfferRedemptions.mockReturnValue({
   fetchOfferRedemptions: jest.fn(),
 });
 
-
 const mockStore = configureMockStore([thunk]);
 const getMockStore = store => mockStore(store);
 const enterpriseId = 'test-enterprise';
@@ -55,7 +55,9 @@ const mockOfferSummary = {
 
 const BudgetCardWrapper = ({ ...rest }) => (
   <Provider store={store}>
-    <BudgetCard {...rest} />
+    <IntlProvider locale="en">
+      <BudgetCard {...rest} />
+    </IntlProvider>
   </Provider>
 );
 

src/components/learner-credit-management/tests/LearnerCreditAllocationTable.test.jsx

@@ -18,6 +18,7 @@ describe('<LearnerCreditAllocationTable />', () => {
     const props = {
       enterpriseUUID: 'test-enterprise-id',
       isLoading: false,
+      budgetType: 'OCM',
       tableData: {
         results: [{
           userEmail: '[email protected]',
@@ -47,4 +48,22 @@ describe('<LearnerCreditAllocationTable />', () => {
     }));
     expect(screen.getByText('February', { exact: false }));
   });
+  it('renders with empty table data', () => {
+    const props = {
+      enterpriseUUID: 'test-enterprise-id',
+      isLoading: false,
+      budgetType: 'OCM',
+      tableData: {
+        results: [],
+        itemCount: 0,
+        pageCount: 0,
+      },
+      fetchTableData: jest.fn(),
+    };
+    props.fetchTableData.mockReturnValue(props.tableData);
+
+    render(<LearnerCreditAllocationTableWrapper {...props} />);
+
+    expect(screen.getByText('No results found', { exact: false }));
+  });
 });

src/utils.js

@@ -406,6 +406,12 @@ const getCourseProductLineText = (courseProductLine) => {
   return courseProductLineText;
 };
 
+const getCourseProductLineAbbreviation = (courseProductLine) => {
+  let courseProductLineText = '';
+  courseProductLineText = courseProductLine === 'Open Courses Marketplace' ? 'OCM' : 'Executive Education';
+  return courseProductLineText;
+};
+
 export {
   camelCaseDict,
   camelCaseDictArray,
@@ -440,4 +446,5 @@ export {
   pollAsync,
   isNotValidNumberString,
   getCourseProductLineText,
+  getCourseProductLineAbbreviation,
 };