From 3f860a0428254e69bb2948734c05617810b42225 Mon Sep 17 00:00:00 2001
From: Andrew Matthews <andrew.matthews@wpengine.com>
Date: Fri, 15 Oct 2021 16:49:53 -0400
Subject: [PATCH] refactor: id attribute prefix to faustwp

---
 .../includes/settings/assets/js/wpgraphql-install.js            | 2 +-
 plugins/wpe-headless/includes/settings/assets/style.css         | 2 +-
 .../wpe-headless/includes/settings/views/headless-settings.php  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/wpe-headless/includes/settings/assets/js/wpgraphql-install.js b/plugins/wpe-headless/includes/settings/assets/js/wpgraphql-install.js
index 4a35f580f..0cb5dec67 100644
--- a/plugins/wpe-headless/includes/settings/assets/js/wpgraphql-install.js
+++ b/plugins/wpe-headless/includes/settings/assets/js/wpgraphql-install.js
@@ -2,7 +2,7 @@
  * Handles WPGraphQL plugin installation at Settings → Headless.
  */
 faustwp.installWPGraphQL = (() => {
-	const $button = document.getElementById('wpe-headless-button-install-graphql');
+	const $button = document.getElementById('faustwp-button-install-graphql');
 	const $spinner = document.querySelector('.get-started .spinner');
 	const $status = document.querySelector('.get-started .error-message');
 
diff --git a/plugins/wpe-headless/includes/settings/assets/style.css b/plugins/wpe-headless/includes/settings/assets/style.css
index 3c0c6cdfb..617465eb1 100644
--- a/plugins/wpe-headless/includes/settings/assets/style.css
+++ b/plugins/wpe-headless/includes/settings/assets/style.css
@@ -157,7 +157,7 @@ svg.wpengine {
 	width: 0.5em;
 }
 
-.sidebar .box.get-started #wpe-headless-button-install-graphql {
+.sidebar .box.get-started #faustwp-button-install-graphql {
 	float: left;
 	margin-bottom: 5px;
 }
diff --git a/plugins/wpe-headless/includes/settings/views/headless-settings.php b/plugins/wpe-headless/includes/settings/views/headless-settings.php
index 1ab7cdd7c..0136a1cec 100644
--- a/plugins/wpe-headless/includes/settings/views/headless-settings.php
+++ b/plugins/wpe-headless/includes/settings/views/headless-settings.php
@@ -55,7 +55,7 @@
 						<?php if ( function_exists( 'graphql' ) ) : ?>
 							<button class="button-primary" disabled><?php esc_html_e( '☑️ WPGraphQL is active', 'faustwp' ); ?></button>
 						<?php else : ?>
-							<button class="button-primary" id="wpe-headless-button-install-graphql" aria-label="<?php esc_html_e( 'Install and Activate the WPGraphQL plugin', 'faustwp' ); ?>"><?php esc_html_e( 'Install and Activate', 'faustwp' ); ?></button>
+							<button class="button-primary" id="faustwp-button-install-graphql" aria-label="<?php esc_html_e( 'Install and Activate the WPGraphQL plugin', 'faustwp' ); ?>"><?php esc_html_e( 'Install and Activate', 'faustwp' ); ?></button>
 							<span class="spinner"></span>
 							<p class="error-message"></p>
 						<?php endif; ?>