feat: calculate remaining value in license details

Pearson-Advance · Aug 20, 2024 · 660d4e3 · 660d4e3
1 parent 80ad2cb
commit 660d4e3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/features/Licenses/LicensesDetailPage/index.jsx b/src/features/Licenses/LicensesDetailPage/index.jsx
@@ -38,6 +38,7 @@ const LicensesDetailPage = () => {
   const licenseTable = useSelector((state) => state.licenses.table);
   const licenseInfo = licenseTable.data
     .find((license) => license?.licenseId === parseInt(licenseId, 10)) || defaultLicenseInfo;
+
   const isLoadingCourses = coursesTable.table.status === RequestStatus.LOADING;
   const isLoadingLicenses = licenseTable.status === RequestStatus.LOADING;
 
@@ -110,8 +111,8 @@ const LicensesDetailPage = () => {
               <div className="separator mx-4" />
               <div className="d-flex flex-column align-items-center">
                 <p className="title">Remaining</p>
-                <span className="value number-of-pending">
-                  {licenseInfo.numberOfPendingStudents}
+                <span className="value number-of-remaining">
+                  {licenseInfo.purchasedSeats - licenseInfo.numberOfStudents - licenseInfo.numberOfPendingStudents}
                 </span>
               </div>
             </>

diff --git a/src/features/Licenses/LicensesDetailPage/index.scss b/src/features/Licenses/LicensesDetailPage/index.scss
@@ -46,7 +46,7 @@
     font-weight: bold;
   }
 
-  .number-of-pending {
+  .number-of-remaining {
     color: red;
   }