@capillarytech/creatives-library 3.6.9 → 3.6.10

package/package.json

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

package/v2Containers/Templates/index.js

@@ -548,6 +548,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
   getTemplateDataForGrid = ({templates, handlers, filterContent, channel, isLoading, loadingTip}) => {
     const currentChannel = channel.toUpperCase();
+    const {channel: stateChannel} = this.state;
+    const channelLowerCase = stateChannel.toLowerCase();
     let filteredTemplates = templates;
     if (currentChannel === WECHAT) {
       filteredTemplates = this.filterWechatTemplates(templates);
@@ -559,23 +561,23 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           title: <span title={template.name} >{template.name}</span>,
           extra: [
             <CapIcon
-              className={`view-${this.state.channel.toLowerCase()}`}
+              className={`view-${channelLowerCase}`}
               style={{marginRight: '16px'}}
               type="eye"
               onClick={() => { if (this.props.isFullMode) { handlers.handlePreviewClick(template); } else { this.props.handlePeviewTemplate(template); } }}
               />,
           ],
-          hoverOption: <CapButton className={this.props.isFullMode ? `edit-${this.state.channel.toLowerCase()}` : `select-${this.state.channel.toLowerCase()}`} onClick={(e) => handlers.handleEditClick(e, template)}>{this.props.intl.formatMessage(this.props.isFullMode ? messages.creativesTemplatesEdit : messages.selectButton)}</CapButton>,
+          hoverOption: <CapButton className={this.props.isFullMode ? `edit-${channelLowerCase}` : `select-${channelLowerCase}`} onClick={(e) => handlers.handleEditClick(e, template)}>{this.props.intl.formatMessage(this.props.isFullMode ? messages.creativesTemplatesEdit : messages.selectButton)}</CapButton>,
         };
       if (this.props.isFullMode) {
         templateData.extra.push(<CapDropdown
           overlay={
             <CapMenu>
-              {this.state.channel.toUpperCase() !== WECHAT && <CapMenu.Item className={`duplicate-${this.state.channel.toLowerCase()}`} onClick={() => this.duplicateTemplate(template)}>
+              {this.state.channel.toUpperCase() !== WECHAT && <CapMenu.Item className={`duplicate-${channelLowerCase}`} onClick={() => this.duplicateTemplate(template)}>
                 <FormattedMessage {...messages.duplicateButton} />
               </CapMenu.Item>}
               <CapMenu.Item
-                className={this.state.channel.toUpperCase() === WECHAT && !template.definition ? `unmap-${this.state.channel.toLowerCase()}` : `delete-${this.state.channel.toLowerCase()}`}
+                className={this.state.channel.toUpperCase() === WECHAT && !template.definition ? `unmap-${channelLowerCase}` : `delete-${channelLowerCase}`}
                 onClick={() => this.deleteTemplate(template)}
               >
                 {this.state.channel.toUpperCase() === WECHAT && !template.definition ? <FormattedMessage {...messages.unMapButton} /> : <FormattedMessage {...messages.deleteButton} />}
@@ -1662,6 +1664,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     // const isfilterContentVisisble = !isEmpty(this.props.TemplatesList) || !isEmpty(this.state.searchText) || !isEmpty(this.props.Templates.templateError);
     const isfilterContentVisisble = true;
     const isWechatEmbedded = !this.props.isFullMode && channel.toUpperCase() === WECHAT;
+    const channelLowerCase = channel.toLowerCase();
     const filterContent = (( isfilterContentVisisble || [WECHAT, MOBILE_PUSH].includes(this.state.channel.toUpperCase())) && <div className="action-container">
       {isfilterContentVisisble && <CapInput.Search
         className="search-text"
@@ -1688,7 +1691,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       
       <div style={{display: "flex", justifyContent: "space-between", alignItems: 'center'}}>
         {isfilterContentVisisble && !isWechatEmbedded && <CapButton
-          className={`create-new-${this.state.channel.toLowerCase()}`}
+          className={`create-new-${channelLowerCase}`}
           type={"primary"}
           disabled={this.isCreateDisabled()}
           style={{marginLeft: '8px'}}