IO-1914 Update inventory insert queries.

client/src/pages/scoreboard/scoreboard.page.container.jsx

@@ -1,3 +1,5 @@
+import Icon from "@ant-design/icons";
+import { Tabs } from "antd";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -10,6 +12,8 @@ import {
   setSelectedHeader,
 } from "../../redux/application/application.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import { FaHardHat, FaRegStickyNote, FaShieldAlt } from "react-icons/fa";
+import ScoreboardTimeTickets from "../../components/scoreboard-timetickets/scoreboard-timetickets.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -37,7 +41,32 @@ export function ScoreboardContainer({ setBreadcrumbs, setSelectedHeader }) {
   return (
     <FeatureWrapper featureName="scoreboard">
       <RbacWrapper action="scoreboard:view">
-        <ScoreboardDisplay />
+        <Tabs>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon component={FaShieldAlt} />
+                {t("menus.jobsdetail.general")}
+              </span>
+            }
+            destroyInactiveTabPane
+            key="sb"
+          >
+            <ScoreboardDisplay />
+          </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon component={FaShieldAlt} />
+                {t("menus.jobsdetail.general")}
+              </span>
+            }
+            destroyInactiveTabPane
+            key="tickets"
+          >
+            <ScoreboardTimeTickets />
+          </Tabs.TabPane>
+        </Tabs>
       </RbacWrapper>
     </FeatureWrapper>
   );