src/component/reports/Reports.jsx

@@ -6,6 +6,7 @@ import {getReportsTopicsList} from "../../services/services";
 import PaymentReportTable from "./PaymentReportTable";
 import ProductReportTable from "./ProductReportTable";
 import sortArrayByListOrder from "../../helpers/sortArrayByLIstOrder";
+import SystemReportTable from "./SystemReportTable";
 
 
 export default function Reports() {
@@ -25,7 +26,8 @@ export default function Reports() {
 
     const renderedTable = {
         payment: <PaymentReportTable />,
-        product: <ProductReportTable />
+        product: <ProductReportTable />,
+        system: <SystemReportTable />
     }
 
     const sortedReportTopicList= sortArrayByListOrder(reportTopicList ? reportTopicList : []) // SORTED SETTINGSCONFIG

src/component/reports/SystemReportTable.jsx

@@ -7,7 +7,7 @@ export default function SystemReportTable() {
             <div className="col-md-12 m-b-30">
                 <div className="d-block d-sm-flex flex-nowrap align-items-center">
                     <div className="page-title mb-2 mb-sm-0">
-                        <h4>Products Report</h4>
+                        <h4>Systems Report</h4>
                     </div>
                 </div>
             </div>