fix: accounts limit upsell visibility and toggle tooltip

includes/class-rop-i18n.php

@@ -108,6 +108,8 @@ public static function get_labels( $key = '' ) {
 				'for'                        => __( 'for', 'tweet-old-post' ),
 				'add_account'                => __( '<b>Add Your Accounts:</b>', 'tweet-old-post' ),
 				'upsell_accounts'            => sprintf( __( 'A maximum of 1 Facebook and Twitter account can be connected to the Lite version of Revive Social. Upgrade to unlock more great features including more social networks! Check out the Lite vs Pro %1$stable here%2$s.', 'tweet-old-post' ), '<a class="text-bold" href="https://docs.revive.social/article/941-revive-old-post-free-vs-pro" target="_blank">', '</a>' ),
+				'upsell_accounts_toggle'     => 'Active accounts limit reached.',
+				'toggle_account'             => __( 'Toggle account', 'tweet-old-post' ),
 				'activate_license'           => __( 'You need to activate your license key <a href="/wp-admin/options-general.php#tweet_old_post_pro_license" style="cursor: pointer">HERE</a> to unlock the Pro features of Revive Social.', 'tweet-old-post' ),
 				'fb_app_id_title'            => __( 'Please add the APP ID from your Facebook app.', 'tweet-old-post' ),
 				'fb_app_secret_title'        => __( 'Please add the APP SECRET from your Facebook app.', 'tweet-old-post' ),

vue/src/vue-elements/accounts-tab-panel.vue

@@ -69,7 +69,7 @@
           </div>
         </div>
         <div
-          v-if="(checkLicense && accountsCount === 2) && !pro_installed"
+          v-if="hasActiveAccountsLimitation"
           class="columns my-2"
         >
           <div class="column col-12">
@@ -164,6 +164,9 @@
             },
             is_preloading: function () {
                 return this.$store.state.hide_preloading;
+            },
+            hasActiveAccountsLimitation: function () {
+              return !this.pro_installed && this.accountsCount >= 2 && this.checkLicense ;
             }
         },
         mounted: function () {

vue/src/vue-elements/service-user-tile.vue

@@ -55,7 +55,10 @@
             type="checkbox"
             @change="startToggleAccount( account_id, type )"
           >
-          <i class="form-icon" />
+          <i
+            class="form-icon tooltip tooltip-top"
+            :data-tooltip="checkDisabled ? account_labels.upsell_accounts_toggle : account_labels.toggle_account"
+          />
         </label>
       </div>