navigation with editor check

adobecom · Dec 12, 2024 · 0e82d3e · 0e82d3e
1 parent 95de01d
commit 0e82d3e
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 17 deletions.
diff --git a/studio/src/mas-side-nav.js b/studio/src/mas-side-nav.js
@@ -1,5 +1,5 @@
 import { LitElement, html, css } from 'lit';
-import Store from './store.js';
+import Store, { navigateToPage } from './store.js';
 
 class MasSideNav extends LitElement {
     static styles = css`
@@ -56,12 +56,6 @@ class MasSideNav extends LitElement {
         }
     `;
 
-    navigateTo(target) {
-        return function () {
-            Store.currentPage.set(target);
-        };
-    }
-
     render() {
         return html`<side-nav>
             <div class="dropdown-container">
@@ -71,7 +65,7 @@ class MasSideNav extends LitElement {
                 <sp-sidenav-item
                     label="Home"
                     value="home"
-                    @click="${this.navigateTo('splash')}"
+                    @click="${navigateToPage('splash')}"
                     selected
                 >
                     <sp-icon-home slot="icon"></sp-icon-home>

diff --git a/studio/src/mas-splash-screen.js b/studio/src/mas-splash-screen.js
@@ -2,9 +2,9 @@ import { LitElement, html } from 'lit';
 import { contentIcon } from './img/content-icon.js';
 import { promosIcon } from './img/promos-icon.js';
 import { ostIcon } from './img/ost-icon.js';
-import Store from './store.js';
+import { navigateToPage } from './store.js';
 import './mas-recently-updated.js';
-import { getMerchCardEditor } from './editors/merch-card-editor.js';
+import { openOfferSelectorTool } from './rte/ost.js';
 
 class MasSplashScreen extends LitElement {
     static properties = {
@@ -15,12 +15,8 @@ class MasSplashScreen extends LitElement {
         return this;
     }
 
-    navigateTo(value) {
-        return function () {
-            const editor = getMerchCardEditor();
-            if (editor && !editor.close()) return;
-            Store.currentPage.set(value);
-        };
+    openOst() {
+        openOfferSelectorTool();
     }
 
     render() {
@@ -31,7 +27,7 @@ class MasSplashScreen extends LitElement {
                 <div class="actions-grid">
                     <div
                         class="quick-action-card"
-                        @click=${this.navigateTo('content')}
+                        @click=${navigateToPage('content')}
                         heading="Go to Content"
                     >
                         <div slot="cover-photo">${contentIcon}</div>

diff --git a/studio/src/store.js b/studio/src/store.js
@@ -1,4 +1,5 @@
 import { Fragment } from './aem/fragment.js';
+import { getMerchCardEditor } from './editors/merch-card-editor.js';
 import MasFilters from './entities/filters.js';
 import MasSearch from './entities/search.js';
 import { reactiveStore } from './reactivity/reactiveStore.js';
@@ -43,3 +44,11 @@ export function toggleSelection(id) {
         );
     else Store.selection.set([...selection, id]);
 }
+
+export function navigateToPage(value) {
+    return function () {
+        const editor = getMerchCardEditor();
+        if (editor && !editor.close()) return;
+        Store.currentPage.set(value);
+    };
+}