feat: calculate remaining value in license details

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

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/features/Licenses/LicensesDetailPage/__test__/index.test.jsx b/src/features/Licenses/LicensesDetailPage/__test__/index.test.jsx
@@ -46,9 +46,9 @@ const mockStore = {
       data: [
         {
           licenseName: 'License Demo',
-          purchasedSeats: 10,
-          numberOfStudents: 20,
-          numberOfPendingStudents: 10,
+          purchasedSeats: 20,
+          numberOfStudents: 10,
+          numberOfPendingStudents: 5,
         },
       ],
       count: 1,

diff --git a/src/features/Licenses/LicensesDetailPage/index.jsx b/src/features/Licenses/LicensesDetailPage/index.jsx
@@ -110,8 +110,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;
   }