From 1b723648f989cb68b9d9772aee170b614db2a2f9 Mon Sep 17 00:00:00 2001
From: "Soare Robert Daniel (Mac 2023)" <soare.robert.daniel@protonmail.com>
Date: Tue, 9 Jul 2024 12:52:05 +0300
Subject: [PATCH] fix: close button for header editor

---
 includes/class-rop-i18n.php          |  3 ++-
 vue/src/vue-elements/sign-in-btn.vue | 23 ++++++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/includes/class-rop-i18n.php b/includes/class-rop-i18n.php
index 19eac443b..a8af15b0b 100644
--- a/includes/class-rop-i18n.php
+++ b/includes/class-rop-i18n.php
@@ -124,6 +124,8 @@ public static function get_labels( $key = '' ) {
 				'preloader_message_default'  => __( 'Loading...', 'tweet-old-post' ),
 				'only_in_pro'                => __( 'Available in Pro', 'tweet-old-post' ),
 				'limit_reached'              => __( 'Limit reached', 'tweet-old-post' ),
+				'edit_headers'               => __( 'Edit Headers', 'tweet-old-post' ),
+				'hide' 				         => __( 'Hide', 'tweet-old-post' ),
 			),
 			'settings'    => array(
 				'yes_text' => __( 'Yes', 'tweet-old-post' ),
@@ -432,7 +434,6 @@ public static function get_labels( $key = '' ) {
 				'license_not_active' => __( 'An active Pro license is needed to share to %1$s', 'tweet-old-post' ),
 				'could_not_send_webhook' => __( 'Could not send webhook.', 'tweet-old-post' ),
 				'webhook_error' => __( 'An error occurred for Webhook post sharing.', 'tweet-old-post' ),
-
 			),
 			'generic' => array(
 				'only_pro_suffix' => ' (' . __( 'Available in Pro', 'tweet-old-post' ) . ')',
diff --git a/vue/src/vue-elements/sign-in-btn.vue b/vue/src/vue-elements/sign-in-btn.vue
index ecb3d8e36..36a49f2db 100644
--- a/vue/src/vue-elements/sign-in-btn.vue
+++ b/vue/src/vue-elements/sign-in-btn.vue
@@ -267,9 +267,27 @@ q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43
               </div>
             </div>
             <WebhookHeaders
-              v-if="isWebhook"
+              v-if="isWebhook && showHeaders"
               :headers.sync="webhooksHeaders"
             />
+            <div
+              v-if="isWebhook"
+            >
+              <button
+                v-if="!showHeaders"
+                class="btn btn-primary"
+                @click="showHeaders = true"
+              >
+                {{ labels.edit_headers }}
+              </button>
+              <button
+                v-if="showHeaders"
+                class="btn btn-secondary"
+                @click="showHeaders = false"
+              >
+                {{ labels.hide }}
+              </button>
+            </div>
           </div>
         </div>
 
@@ -347,6 +365,7 @@ export default {
       currentWebhookHeader: '',
       webhooksHeaders: [],
       showBtn: false,
+      showHeaders: false,
     }
   },
   computed: {
@@ -524,6 +543,8 @@ export default {
         this.modal.serviceName = this.$store.state.availableServices[this.selected_network].name
         this.modal.description = this.$store.state.availableServices[this.selected_network].description
         this.modal.data = this.$store.state.availableServices[this.selected_network].credentials
+
+        this.showHeaders = false;
         this.openModal()
       } else {
         this.activePopup = this.selected_network