Added dismiss to launch wizard banner

app/controllers/dashboard.js

@@ -1,4 +1,5 @@
 import Controller from '@ember/controller';
+import {action} from '@ember/object';
 import {getSymbol} from 'ghost-admin/utils/currency';
 import {inject as service} from '@ember/service';
 import {tracked} from '@glimmer/tracking';
@@ -225,4 +226,9 @@ export default class DashboardController extends Controller {
             this.whatsNewEntriesLoading = false;
         });
     }
+
+    @action 
+    dismissLaunchBanner() {
+        this.feature.set('launchComplete', true);
+    }
 }

app/styles/layouts/dashboard.css

@@ -146,6 +146,7 @@
 
 /* Launch Wizard Banner */
 .gh-lw-banner {
+    position: relative;
     border-radius: 3px;
     background: #15171A;
     padding: 28px;
@@ -617,7 +618,59 @@
 }
 
 .gh-dashboard-box.whats-new .footer {
+    margin-bottom: -12px;
+}
 
+.gh-dashboard-dismiss {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+}
+
+.gh-dashboard-dismissbutton.dark {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.gh-dashboard-dismissbutton svg {
+    margin: 0;
+}
+
+.gh-dashboard-dismissbutton.dark svg {
+    color: #fff;
+    opacity: 0.75;
+}
+
+.gh-dashboard-dismissbutton.dark:hover svg {
+    opacity: 1.0;
+}
+
+.gh-dashboard-dismissbutton span {
+    height: 32px;
+    line-height: 32px;
+}
+
+.gh-dashboard-dismiss-dropdown {
+    top: calc(100% + 2px);
+    left: auto;
+    right: 0;
+    min-width: 90px;
+}
+
+.gh-dashboard-dismiss-dropdown.fade-out {
+    animation-duration: .001s;
+    pointer-events: none;
+}
+
+.gh-dashboard-dismiss-dropdown button {
+    background: var(--white);
+    width: 100%;
+    border-radius: 0;
+}
+
+.gh-dashboard-dismiss-dropdown button span {
+    line-height: 28px;
+    height: 28px;
+    font-size: 1.3rem;
 }
 
 

app/templates/dashboard.hbs

@@ -13,6 +13,17 @@
                     <h1>Launch your site!</h1>
                     <p>Customize your brand and connect to Stripe to get your membership site ready to be shown to the world.</p>
                     <LinkTo class="gh-btn gh-btn-green" @route="launch"><span>Start setup guide</span></LinkTo>
+                    <div class="gh-dashboard-dismiss">
+                        <GhDropdownButton @dropdownName="launch-wizard-dismiss"
+                            @classNames="gh-btn gh-btn-icon only-has-icon gh-dashboard-dismissbutton dark">
+                            <span>
+                                {{svg-jar "dotdotdot"}}
+                            </span>
+                        </GhDropdownButton>
+                        <GhDropdown @name="launch-wizard-dismiss" @classNames="gh-dashboard-dismiss-dropdown dropdown-menu dropdown-triangle-top-right">
+                            <button class="gh-btn" {{action "dismissLaunchBanner"}}><span>Dismiss</span></button>
+                        </GhDropdown>
+                    </div>
                 </div>
             </section>
         {{else}}

public/assets/icons/dotdotdot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>circle{fill:currentColor;}</style></defs><title>navigation-menu-horizontal</title><circle cx="3.25" cy="12" r="3.25"/><circle cx="12" cy="12" r="3.25"/><circle cx="20.75" cy="12" r="3.25"/></svg>