IO-3020 IO-3036 Add additional upsell components.

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

@@ -13,6 +13,8 @@ import { selectPartnerVersion } from "../../redux/application/application.select
 import { selectBodyshop } from "../../redux/user/user.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,
@@ -59,11 +61,10 @@ export function AccountingPayablesContainer({ bodyshop, setBreadcrumbs, setSelec
     <div>
       <FeatureWrapperComponent
         featureName="export"
-        noAuth
-        upsellComponent={
-          {
-            //TODO:Upsell
-          }
+        noauth={
+          <Card>
+            <UpsellComponent upsell={upsellEnum.accounting.payables} />
+          </Card>
         }
       >
         <RbacWrapper action="accounting:payables">