Merge pull request cryingjoker#41 from cryingjoker/newb2b

profit fix

Author: wikked616

src/example-pages/components/main-elements/RowList.vue

@@ -217,7 +217,7 @@
       <rt-row-list :is-profit-list=&quot;true&quot;>
         <rt-row-list-item
           :more-than-one-column=&quot;true&quot;
-          :columns-quantity=&quot;2&quot;
+          :columns-quantity=&quot;3&quot;
           icon=&quot;/static/images/B2B/ATS.svg&quot;>
           <template slot=&quot;option&quot;>
             <div class=&quot;d-flex flex-row&quot;>
@@ -230,7 +230,7 @@
         </rt-row-list-item>
         <rt-row-list-item
           :more-than-one-column=&quot;true&quot;
-          :columns-quantity=&quot;2&quot;
+          :columns-quantity=&quot;3&quot;
           icon=&quot;/static/images/B2B/ATS.svg&quot;>
           <template slot=&quot;option&quot;>
             <div class=&quot;d-flex flex-row&quot;>
@@ -243,7 +243,7 @@
         </rt-row-list-item>
         <rt-row-list-item
           :more-than-one-column=&quot;true&quot;
-          :columns-quantity=&quot;2&quot;
+          :columns-quantity=&quot;3&quot;
           icon=&quot;/static/images/B2B/mobile-call.svg&quot;>
           <template slot=&quot;option&quot;>
             <div class=&quot;d-flex flex-row&quot;>
@@ -256,7 +256,7 @@
         </rt-row-list-item>
         <rt-row-list-item
           :more-than-one-column=&quot;true&quot;
-          :columns-quantity=&quot;2&quot;
+          :columns-quantity=&quot;3&quot;
           icon=&quot;/static/images/B2B/ATS.svg&quot;>
           <template slot=&quot;option&quot;>
             <div class=&quot;d-flex flex-row&quot;>
@@ -269,7 +269,7 @@
         </rt-row-list-item>
         <rt-row-list-item
           :more-than-one-column=&quot;true&quot;
-          :columns-quantity=&quot;2&quot;
+          :columns-quantity=&quot;3&quot;
           icon=&quot;/static/images/B2B/ATS.svg&quot;>
           <template slot=&quot;option&quot;>
             <div class=&quot;d-flex flex-row&quot;>
@@ -282,7 +282,7 @@
         </rt-row-list-item>
         <rt-row-list-item
           :more-than-one-column=&quot;true&quot;
-          :columns-quantity=&quot;2&quot;
+          :columns-quantity=&quot;3&quot;
           icon=&quot;/static/images/B2B/shield.svg&quot;>
           <template slot=&quot;option&quot;>
             <div class=&quot;d-flex flex-row&quot;>

src/lib/components/RowList/RowListItem.vue

@@ -6,10 +6,6 @@ export default {
       type: Boolean,
       default: false
     },
-    moreThanOneColumn: {
-      type: Boolean,
-      default: false
-    },
     columnsQuantity: {
       type: Number,
       default: 1
@@ -37,7 +33,7 @@ export default {
     }
   },
   render: function(h) {
-    if(!this.moreThanOneColumn){
+    if(this.columnsQuantity === 1){
       if (this.$slots.moreInfo) {
         return (
           <div
@@ -106,22 +102,23 @@ export default {
         );
       }
     } else {
-      if(this.columnsQuantity === 2) {
-        return (<div class="rt-row-list__item rtb-profit rtb-profit--col-2 rt-col-6 rt-col-td-3 rt-col-md-3">
-          <div class="rt-row-list__header">
-            <div class="rt-row-list__icon" style={this.iconImage}></div>
-            {this.$slots.option}
-          </div>
-        </div>)
-      }
-      if(this.columnsQuantity === 3) {
-        return (<div class="rt-row-list__item rtb-profit rtb-profit--col-3 rt-col-4 rt-col-td-3 rt-col-md-3">
-          <div class="rt-row-list__header">
-            <div class="rt-row-list__icon" style={this.iconImage}></div>
-            {this.$slots.option}
-          </div>
-        </div>)
-      }
+      const columnClass = (() => {
+        let profitColumn = '';
+        if(this.columnsQuantity === 2) {
+          profitColumn += ' rtb-profit--col-2 rt-col-6 '
+        }
+        if(this.columnsQuantity === 3) {
+          profitColumn += ' rtb-profit--col-3 rt-col-4 '
+        }
+        return profitColumn;
+      })();
+      return (<div class={"rt-row-list__item rtb-profit" + (columnClass) + "rt-col-td-3 rt-col-md-3"}>
+        <div class="rt-row-list__header">
+          <div class="rt-row-list__icon" style={this.iconImage}></div>
+          {this.$slots.option}
+        </div>
+      </div>);
+
     }
   }
 };