From daa8aedccfe71c58e6efb45bbad69c93a258910a Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Mon, 17 Oct 2022 21:19:15 -0500
Subject: [PATCH] Revert "UX: Simplify bootstrap mode visuals (#18626)"
 (#18638)

This reverts commit 868ab26fb3fd9be83c7925d96b500896a0065835.
---
 .../discourse/app/components/d-navigation.js  |  5 -----
 .../components/bootstrap-mode-notice.hbs      | 10 +++++++++-
 .../app/templates/components/d-navigation.hbs | 13 ------------
 .../acceptance/bootstrap-mode-notice-test.js  | 20 ++++++++++++++++++-
 4 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/d-navigation.js b/app/assets/javascripts/discourse/app/components/d-navigation.js
index 34c4c75321..2153fc5f9c 100644
--- a/app/assets/javascripts/discourse/app/components/d-navigation.js
+++ b/app/assets/javascripts/discourse/app/components/d-navigation.js
@@ -5,7 +5,6 @@ import discourseComputed from "discourse-common/utils/decorators";
 import { NotificationLevels } from "discourse/lib/notification-levels";
 import { getOwner } from "discourse-common/lib/get-owner";
 import { inject as service } from "@ember/service";
-import showModal from "discourse/lib/show-modal";
 
 export default Component.extend(FilterModeMixin, {
   router: service(),
@@ -163,9 +162,5 @@ export default Component.extend(FilterModeMixin, {
         this.createTopic();
       }
     },
-
-    inviteUsers() {
-      showModal("create-invite");
-    },
   },
 });
diff --git a/app/assets/javascripts/discourse/app/templates/components/bootstrap-mode-notice.hbs b/app/assets/javascripts/discourse/app/templates/components/bootstrap-mode-notice.hbs
index 66b0a9e8b7..aa9fb8b0b4 100644
--- a/app/assets/javascripts/discourse/app/templates/components/bootstrap-mode-notice.hbs
+++ b/app/assets/javascripts/discourse/app/templates/components/bootstrap-mode-notice.hbs
@@ -1,5 +1,13 @@
 <div class="row bootstrap-mode-notice">
   <div class="alert alert-info alert-bootstrap-mode">
-    {{this.message}}
+    <div class="col-text">
+      {{this.message}}
+    </div>
+    <div class="col-button">
+      <div class="alert--button"><DButton @icon="user-plus" @action={{this.inviteUsers}} @class="btn-primary bootstrap-invite-button" @label="bootstrap_invite_button_title" /></div>
+      {{#if this.site.wizard_required}}
+        <div class="alert--link"><a class="bootstrap-wizard-link" href="/wizard">{{i18n "bootstrap_wizard_link_title"}}</a></div>
+      {{/if}}
+    </div>
   </div>
 </div>
diff --git a/app/assets/javascripts/discourse/app/templates/components/d-navigation.hbs b/app/assets/javascripts/discourse/app/templates/components/d-navigation.hbs
index d4efd2c880..2e793cfaa8 100644
--- a/app/assets/javascripts/discourse/app/templates/components/d-navigation.hbs
+++ b/app/assets/javascripts/discourse/app/templates/components/d-navigation.hbs
@@ -39,19 +39,6 @@
       category=this.category
       tag=this.tag}} />
 
-  {{#if (and (or this.site.siteSettings.invite_only this.site.siteSettings.bootstrap_mode_enabled) this.currentUser.admin)}}
-    <DButton @icon="user-plus" @action={{action "inviteUsers"}} @class="btn-primary" @title="bootstrap_invite_button_title" />
-  {{/if}}
-
-  {{#if (and this.site.siteSettings.wizard_required this.currentUser.admin)}}
-    {{#unless this.site.mobileView}}
-      <LinkTo @route="wizard.index" class="btn-primary bootstrap-wizard-link">
-        {{d-icon "pencil-alt"}}
-        {{i18n "bootstrap_wizard_link_title"}}
-      </LinkTo>
-    {{/unless}}
-  {{/if}}
-
   <CreateTopicButton @canCreateTopic={{this.canCreateTopic}} @action={{action "clickCreateTopicButton"}} @disabled={{this.createTopicButtonDisabled}} @label={{this.createTopicLabel}} @btnClass={{this.createTopicClass}} @canCreateTopicOnTag={{this.canCreateTopicOnTag}} />
 
   <PluginOutlet @name="after-create-topic-button" @connectorTagName="div" @tagName="" @args={{hash
diff --git a/app/assets/javascripts/discourse/tests/acceptance/bootstrap-mode-notice-test.js b/app/assets/javascripts/discourse/tests/acceptance/bootstrap-mode-notice-test.js
index 036b12bcca..9d8812ccf3 100644
--- a/app/assets/javascripts/discourse/tests/acceptance/bootstrap-mode-notice-test.js
+++ b/app/assets/javascripts/discourse/tests/acceptance/bootstrap-mode-notice-test.js
@@ -1,6 +1,6 @@
 import { acceptance, exists } from "discourse/tests/helpers/qunit-helpers";
 import { test } from "qunit";
-import { settled, visit } from "@ember/test-helpers";
+import { click, currentURL, settled, visit } from "@ember/test-helpers";
 import { set } from "@ember/object";
 
 acceptance("Bootstrap Mode Notice", function (needs) {
@@ -17,6 +17,24 @@ acceptance("Bootstrap Mode Notice", function (needs) {
       exists(".bootstrap-mode-notice"),
       "has the bootstrap mode notice"
     );
+    assert.ok(
+      exists(".bootstrap-invite-button"),
+      "bootstrap notice has invite button"
+    );
+    assert.ok(
+      exists(".bootstrap-wizard-link"),
+      "bootstrap notice has wizard link"
+    );
+
+    await click(".bootstrap-invite-button");
+    assert.ok(exists(".create-invite-modal"), "opens create invite modal");
+
+    await click(".bootstrap-wizard-link");
+    assert.strictEqual(
+      currentURL(),
+      "/wizard/steps/hello-world",
+      "it transitions to the wizard page"
+    );
 
     await visit("/");
     set(this.siteSettings, "bootstrap_mode_enabled", false);