IO-3020 IO-3036 Add additional upsell components.

client/src/pages/contract-create/contract-create.page.container.jsx

@@ -1,5 +1,5 @@
 import { useMutation } from "@apollo/client";
-import { Form, notification } from "antd";
+import { Card, Form, notification } from "antd";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -13,6 +13,7 @@ import { setBreadcrumbs, setSelectedHeader } from "../../redux/application/appli
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import ContractCreatePageComponent from "./contract-create.page.component";
+import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
@@ -122,10 +123,10 @@ export function ContractCreatePageContainer({ bodyshop, setBreadcrumbs, setSelec
   return (
     <FeatureWrapperComponent
       featureName="courtesycars"
-      upsellComponent={
-        {
-          //TODO:Upsell
-        }
+      noauth={
+        <Card>
+          <UpsellComponent upsell={upsellEnum.courtesycars.general} />
+        </Card>
       }
     >
       <RbacWrapper action="contracts:create">