diff --git a/src/components/learner-credit-management/AssignMoreCoursesEmptyStateMinimal.jsx b/src/components/learner-credit-management/AssignMoreCoursesEmptyStateMinimal.jsx
index 25d1a02a6b..d51595c5e9 100644
--- a/src/components/learner-credit-management/AssignMoreCoursesEmptyStateMinimal.jsx
+++ b/src/components/learner-credit-management/AssignMoreCoursesEmptyStateMinimal.jsx
@@ -5,7 +5,7 @@ import { Button, Card } from '@edx/paragon';
import {
formatDate, formatPrice, useBudgetId, usePathToCatalogTab, useSubsidyAccessPolicy,
} from './data';
-import nameYourLearner from './assets/reading.svg';
+import nameYourLearner from './assets/nameYourLearners.svg';
const AssignMoreCoursesEmptyStateMinimal = () => {
const { subsidyAccessPolicyId } = useBudgetId();
diff --git a/src/components/learner-credit-management/BudgetDetailActivityTabContents.jsx b/src/components/learner-credit-management/BudgetDetailActivityTabContents.jsx
index 9720c607a9..21e65d2de1 100644
--- a/src/components/learner-credit-management/BudgetDetailActivityTabContents.jsx
+++ b/src/components/learner-credit-management/BudgetDetailActivityTabContents.jsx
@@ -6,8 +6,7 @@ import { Stack, Skeleton } from '@edx/paragon';
import BudgetDetailRedemptions from './BudgetDetailRedemptions';
import BudgetDetailAssignments from './BudgetDetailAssignments';
import { useBudgetDetailActivityOverview, useBudgetId, useSubsidyAccessPolicy } from './data';
-import NoAssignableBudgetActivity from './empty-state/NoAssignableBudgetActivity';
-import NoBnEBudgetActivity from './empty-state/NoBnEBudgetActivity';
+import NoBudgetActivityEmptyState from './NoBudgetActivityEmptyState';
const BudgetDetailActivityTabContents = ({ enterpriseUUID, enterpriseFeatures }) => {
const isTopDownAssignmentEnabled = enterpriseFeatures.topDownAssignmentRealTimeLcm;
@@ -33,22 +32,19 @@ const BudgetDetailActivityTabContents = ({ enterpriseUUID, enterpriseFeatures })
);
}
- const hasSpentTransactions = budgetActivityOverview.spentTransactions?.count > 0;
- const hasContentAssignments = budgetActivityOverview.contentAssignments?.count > 0;
-
if (!isTopDownAssignmentEnabled || !subsidyAccessPolicy?.isAssignable) {
- return (
- <>
- {!hasSpentTransactions && ()}
-
- >
- );
+ return ;
}
+ const hasContentAssignments = !!budgetActivityOverview.contentAssignments?.count > 0;
+ const hasSpentTransactions = !!budgetActivityOverview.spentTransactions?.count > 0;
+
// If there is no activity whatsoever (no assignments, no spent transactions), show the
// full empty state.
if (!hasContentAssignments && !hasSpentTransactions) {
- return ;
+ return (
+
+ );
}
// Otherwise, render the contents of the "Activity" tab.
diff --git a/src/components/learner-credit-management/empty-state/NoAssignableBudgetActivity.jsx b/src/components/learner-credit-management/NoBudgetActivityEmptyState.jsx
similarity index 92%
rename from src/components/learner-credit-management/empty-state/NoAssignableBudgetActivity.jsx
rename to src/components/learner-credit-management/NoBudgetActivityEmptyState.jsx
index a59c245f88..53559092e1 100644
--- a/src/components/learner-credit-management/empty-state/NoAssignableBudgetActivity.jsx
+++ b/src/components/learner-credit-management/NoBudgetActivityEmptyState.jsx
@@ -8,11 +8,11 @@ import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
-import { useIsLargeOrGreater, usePathToCatalogTab } from '../data';
-import findTheRightCourse from '../assets/phoneScroll.svg';
-import nameYourLearners from '../assets/reading.svg';
-import confirmSpend from '../assets/wallet.svg';
-import EVENT_NAMES from '../../../eventTracking';
+import { useIsLargeOrGreater, usePathToCatalogTab } from './data';
+import nameYourLearners from './assets/nameYourLearners.svg';
+import findTheRightCourse from './assets/findTheRightCourse.svg';
+import confirmSpend from './assets/confirmSpend.svg';
+import EVENT_NAMES from '../../eventTracking';
const FindTheRightCourseIllustration = (props) => (
diff --git a/src/components/learner-credit-management/assets/wallet.svg b/src/components/learner-credit-management/assets/confirmSpend.svg
similarity index 100%
rename from src/components/learner-credit-management/assets/wallet.svg
rename to src/components/learner-credit-management/assets/confirmSpend.svg
diff --git a/src/components/learner-credit-management/assets/phoneScroll.svg b/src/components/learner-credit-management/assets/findTheRightCourse.svg
similarity index 100%
rename from src/components/learner-credit-management/assets/phoneScroll.svg
rename to src/components/learner-credit-management/assets/findTheRightCourse.svg
diff --git a/src/components/learner-credit-management/assets/reading.svg b/src/components/learner-credit-management/assets/nameYourLearners.svg
similarity index 100%
rename from src/components/learner-credit-management/assets/reading.svg
rename to src/components/learner-credit-management/assets/nameYourLearners.svg
diff --git a/src/components/learner-credit-management/empty-state/NoBnEBudgetActivity.jsx b/src/components/learner-credit-management/empty-state/NoBnEBudgetActivity.jsx
deleted file mode 100644
index ecfd3f3c06..0000000000
--- a/src/components/learner-credit-management/empty-state/NoBnEBudgetActivity.jsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import {
- Button, Card, Row, Col,
-} from '@edx/paragon';
-import { Link } from 'react-router-dom';
-
-import { useIsLargeOrGreater } from '../data';
-import nameYourMembers from '../assets/reading.svg';
-import memberBrowse from '../assets/phoneScroll.svg';
-import enrollAndSpend from '../assets/wallet.svg';
-
-const NameYourMembersIllustration = (props) => (
-
-);
-
-const MemberBrowseIllustration = (props) => (
-
-);
-
-const EnrollAndSpendIllustration = (props) => (
-
-);
-
-const NoBnEBudgetActivity = () => {
- const isLargeOrGreater = useIsLargeOrGreater();
-
- return (
-
-
-
- No budget activity yet? Invite members to browse the catalog and enroll!
-
- {isLargeOrGreater && (
-
-
-
-
-
-
-
-
-
-
-
- )}
-
-
-
-
- {!isLargeOrGreater && }
-
- 01
- Name your members
-
-
- Upload or enter email addresses to invite people to browse and enroll
- using this budget.
-
-
-
- {!isLargeOrGreater && }
-
- 02
- Members find the right course
-
-
- Members can then browse the catalog associated with this budget and
- find a course that aligns with their interests.
-
-
-
- {!isLargeOrGreater && }
-
- 03
- Members can enroll and spend
-
-
- Members can enroll in courses, subject to any limits in this budget's
- settings. The deducted costs from this budget will be visible right here
- in your budget activity!
-
-
-
-
-