@capillarytech/creatives-library 7.9.3 → 7.9.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.9.3",
+  "version": "7.9.5",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/Templates/index.js

@@ -240,8 +240,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       name: this.state.searchText,
       sortBy: this.state.sortBy,
     };
-    if (!isEmpty(this.props.TemplatesList) && !this.props.Templates.getAllTemplatesInProgress && this.props.TemplatesList[0] && this.props.TemplatesList[0].totalCount && this.state.templatesCount === 0) {
-      this.setState({templatesCount: this.props.TemplatesList[0].totalCount});
+    const { totalCount: nextPropsTotalTemplatesCount } = nextProps?.TemplatesList?.[0] || {};
+    const { totalCount: propsTotalTemplatesCount } = this.props?.TemplatesList?.[0] || {};
+    const { templatesCount } = this.state || {};
+
+    if (nextPropsTotalTemplatesCount && nextPropsTotalTemplatesCount !== propsTotalTemplatesCount && templatesCount === 0) {
+      this.setState({ templatesCount:  nextPropsTotalTemplatesCount });
     }
     if (!isEqual(nextProps.route.name, this.props.route.name)) {
       let channel = '';
@@ -2028,6 +2032,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         onChange={(e) => this.searchTemplate(e.target.value)}
         disabled={this.checkSearchDisabled()}
         onClear={() => this.searchTemplate('')}
+        onScroll={(e) => e.stopPropagation()}
         />}
       {
         channel.toUpperCase() === WECHAT && <CapRadio.CapRadioGroup className="wechat-filters" defaultValue={wechatFilter} onChange={this.setWechatFilter}>