IO-3020 IO-3036 Add additional upsell components.

client/src/pages/temporary-docs/temporary-docs.container.jsx

@@ -8,6 +8,8 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import TemporaryDocsComponent from "./temporary-docs.component";
 import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
+import { Card } from "antd";
+import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
@@ -40,10 +42,10 @@ export function TempDocumentsContainer({ setBreadcrumbs, setSelectedHeader }) {
   return (
     <FeatureWrapperComponent
       featureName="media"
-      upsellComponent={
-        {
-          //TODO:Upsell
-        }
+      noauth={
+        <Card>
+          <UpsellComponent upsell={upsellEnum.media.general} />
+        </Card>
       }
     >
       <RbacWrapper action="temporarydocs:view">