IO-3020 IO-3036 Add additional upsell components.

client/src/pages/payments-all/payments-all.container.page.jsx

@@ -14,6 +14,8 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import { pageLimit } from "../../utils/config";
 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
@@ -60,11 +62,12 @@ export function AllJobs({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
   return (
     <FeatureWrapperComponent
       featureName="payments"
-      upsellComponent={
-        {
-          //TODO:Upsell
-        }
+      noauth={
+        <Card>
+          <UpsellComponent upsell={upsellEnum.payments.general} />
+        </Card>
       }
+      z
     >
       <RbacWrapper action="payments:list">
         <PaymentsListPaginated