@capillarytech/creatives-library 8.0.223-alpha.4 → 8.0.223-alpha.5

package/package.json

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

package/v2Containers/Templates/_templates.scss

@@ -658,7 +658,7 @@
     background-image: url("https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/1720b7f7e78860c1f905.svg");
   }
 }
-.v2-pagination-container{
+.v2-pagination-container-half{
   height: calc(100vh - 340px);
   overflow-y: auto;
   overflow-x: hidden;

package/v2Containers/Templates/index.js

@@ -396,7 +396,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.props.location.query.type === 'embedded' && this.isEnabledInLibraryModule("setLocale")) {
       this.setLocale();
     }
-
+    console.log('componentDidMount');
     // opening the create slidebox based on query params
     const queryItems = getObjFromQueryParams(location.search);
     if ([INAPP_LOWERCASE, WHATSAPP_LOWERCASE].includes(queryItems.channel) && queryItems.mode === CREATE) {
@@ -1743,7 +1743,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const getAllTemplatesInProgress = get(this.props, 'Templates.getAllTemplatesInProgress');
 
     const noWhatsappZaloTemplates = this.isFullMode() && isEmpty(templates) || !this.state.hostName;
-
+    console.log('isFullMode: ', this.isFullMode())
     const noApprovedWhatsappZaloTemplates = filteredEmptyAndFullModeAs(false) && !isEmpty(this.state?.hostName);
     const showWhatsappIllustration = accountWithNoHostWhatsapp(WHATSAPP_LOWERCASE);
     const showZaloIllustration = accountWithNoHostZalo(ZALO_LOWERCASE)
@@ -1756,7 +1756,7 @@ return (<div>
       {[WHATSAPP, ZALO].includes(currentChannel) && this.selectedFilters()}
         {<div>
           {!isEmpty(filteredTemplates) || !isEmpty(this.state.searchText) || !isEmpty(this.props.Templates.templateError) ? (
-            <div className={!isEmpty(this.state.searchText) && isEmpty(cardDataList) ? '' : "v2-pagination-container"}>
+            <div className={!isEmpty(this.state.searchText) && isEmpty(cardDataList) ? '' : this.isFullMode() ? "v2-pagination-container" : "v2-pagination-container-half"}>
               <CapCustomCardList
                 key={`${currentChannel}-card-list`}
                 cardList={cardDataList}