add separate instagram account

Codeinwp · Jul 9, 2024 · 66fe71a · 66fe71a
1 parent ade288c
commit 66fe71a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 7 deletions.
diff --git a/assets/js/build/dashboard.js b/assets/js/build/dashboard.js
diff --git a/includes/admin/class-rop-global-settings.php b/includes/admin/class-rop-global-settings.php
@@ -563,7 +563,9 @@ function ( $value ) {
 				$available_services[ $key ]  = $service;
 			}
 		}
-
+		$available_services['instagram'] = $available_services['facebook'];
+		$available_services['instagram']['name'] = 'Instagram';
+		$available_services['instagram']['active'] = false;
 		return $available_services;
 	}
 

diff --git a/vue/src/vue-elements/sign-in-btn.vue b/vue/src/vue-elements/sign-in-btn.vue
@@ -39,6 +39,7 @@
           class="dashicons dashicons-lock"
         />
       </button>
+
     </div>
 
     <div
@@ -391,7 +392,7 @@ export default {
       return 'service-' + this.modal.serviceName.toLowerCase()
     },
     isFacebook() {
-      return this.modal.serviceName === 'Facebook';
+      return this.modal.serviceName === 'Facebook' ||  this.modal.serviceName === 'Instagram';
     },
     // will return true if the current service actions are for Twitter.
     isTwitter() {
@@ -736,7 +737,7 @@ export default {
       
       if ('Twitter' === this.modal.serviceName) {
         this.addAccountTW( accountData );
-      } else if ('Facebook' === this.modal.serviceName) {
+      } else if ('Facebook' === this.modal.serviceName || 'Instagram' === this.modal.serviceName) {
         this.addAccountFB( accountData );
       } else if ('LinkedIn' === this.modal.serviceName) {
         this.addAccountLI( accountData );
@@ -851,9 +852,14 @@ export default {
 .btn-gmb {
   text-transform: uppercase;
 }
+.btn-instagram{
+  background-color:#c13584 !important;
+  color:#fff!important;
+}
 .rop-disabled{
   opacity: 0.6
 }
+#rop-sign-in-area .btn {border:none;}
 #rop_core .rop-upsell-modal .modal-container{
   max-width: 500px;
   padding: 25px;