IO-3020 IO-3036 Add additional upsell components.

client/src/pages/time-tickets/time-tickets.container.jsx

@@ -1,5 +1,5 @@
 import { useQuery } from "@apollo/client";
-import { Col, Row, Space } from "antd";
+import { Card, Col, Row, Space } from "antd";
 import dayjs from "../../utils/day";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
@@ -20,6 +20,7 @@ import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wr
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
@@ -75,10 +76,10 @@ export function TimeTicketsContainer({ bodyshop, setBreadcrumbs, setSelectedHead
   return (
     <FeatureWrapperComponent
       featureName="timetickets"
-      upsellComponent={
-        {
-          //TODO:Upsell
-        }
+      noauth={
+        <Card>
+          <UpsellComponent upsell={upsellEnum.timetickets.general} />
+        </Card>
       }
     >
       <RbacWrapper action="timetickets:list">