IO-3020 IO-3036 Add additional upsell components.

client/src/pages/accounting-payments/accounting-payments.container.jsx

@@ -13,6 +13,8 @@ import { checkPartnerStatus } from "../../components/partner-ping/partner-ping.c
 import { selectPartnerVersion } from "../../redux/application/application.selectors";
 import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
+import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component";
+import { Card } from "antd";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -57,10 +59,10 @@ export function AccountingPaymentsContainer({ bodyshop, setBreadcrumbs, setSelec
     <div>
       <FeatureWrapperComponent
         featureName="export"
-        upsellComponent={
-          {
-            //TODO:Upsell
-          }
+        noauth={
+          <Card>
+            <UpsellComponent upsell={upsellEnum.accounting.payments} />
+          </Card>
         }
       >
         <RbacWrapper action="accounting:payments">