IO-3020 IO-3036 Add additional upsell components.

client/src/pages/tech/tech.page.component.jsx

@@ -1,4 +1,4 @@
-import { FloatButton, Layout } from "antd";
+import { Card, FloatButton, Layout } from "antd";
 import React, { lazy, Suspense, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -14,6 +14,7 @@ import UpdateAlert from "../../components/update-alert/update-alert.component";
 import { selectTechnician } from "../../redux/tech/tech.selectors";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import "./tech.page.styles.scss";
+import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component.jsx";
 
 const TimeTicketModalContainer = lazy(() => import("../../components/time-ticket-modal/time-ticket-modal.container"));
 const EmailOverlayContainer = lazy(() => import("../../components/email-overlay/email-overlay.container.jsx"));
@@ -83,11 +84,11 @@ export function TechPage({ technician }) {
               }
             >
               <FeatureWrapper
-                featureName="tech-console"
-                upsellComponent={
-                  {
-                    //TODO:Upsell
-                  }
+                featureName="techconsole"
+                noauth={
+                  <Card>
+                    <UpsellComponent upsell={upsellEnum.techconsole.general} />
+                  </Card>
                 }
               >
                 <TimeTicketModalContainer />