feat: added navigation handling for launchpad to editor

near · Jul 26, 2024 · 01632b9 · 01632b9
1 parent 6cbae96
commit 01632b9
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/frontend/widgets/src/QueryApi.Dashboard.jsx b/frontend/widgets/src/QueryApi.Dashboard.jsx
@@ -80,16 +80,20 @@ return (
         Explore Indexers
       </TabsButton>
 
-      {<TabsButton
+      <TabsButton
         type="button"
         onClick={() => selectTab("indexer")}
         selected={activeTab === "indexer"}
         disabled={!selectedIndexer}
       >
-        {!selectedIndexer
-          ? (activeTab !== "create-new-indexer" ? "Select an Indexer" : "Indexer Creation")
-          : `Indexer (${selectedIndexer})`}
-      </TabsButton>}
+        {(!selectedIndexer && activeTab === "create-new-indexer")
+          ? "Indexer Creation"
+          : (!selectedIndexer && activeTab === "launch-new-indexer")
+            ? "Indexer Creation (Launchpad)"
+            : (!selectedIndexer)
+              ? "Select an Indexer"
+              : `Indexer (${selectedIndexer})`}
+      </TabsButton>
     </Tabs>
 
 
@@ -114,35 +118,35 @@ return (
         </Section>
       )}
 
-      {activeTab === "create-new-indexer" && (
+      {activeTab === 'launch-new-indexer' && (
         <Section>
           <Widget
             src={`${REPL_ACCOUNT_ID}/widget/QueryApi.Editor`}
             props={{
               indexerName: selectedIndexer ? selectedIndexer.split('/')[1] : '',
               accountId: selectedIndexer ? selectedIndexer.split('/')[0] : '',
               path: "create-new-indexer",
+              indexerWizardCode: indexerWizardCode,
+              schemaWizardCode: schemaWizardCode,
             }}
           />
         </Section>
       )}
 
-      {activeTab === 'indexer' && (
+      {activeTab === "create-new-indexer" && (
         <Section>
           <Widget
             src={`${REPL_ACCOUNT_ID}/widget/QueryApi.Editor`}
             props={{
               indexerName: selectedIndexer ? selectedIndexer.split('/')[1] : '',
               accountId: selectedIndexer ? selectedIndexer.split('/')[0] : '',
-              path: "query-api-editor",
-              tab: props.tab,
-              activeView: activeIndexerTabView
+              path: "create-new-indexer",
             }}
           />
         </Section>
       )}
 
-      {activeTab === 'launch-new-indexer' && (
+      {activeTab === 'indexer' && (
         <Section>
           <Widget
             src={`${REPL_ACCOUNT_ID}/widget/QueryApi.Editor`}
@@ -151,14 +155,13 @@ return (
               accountId: selectedIndexer ? selectedIndexer.split('/')[0] : '',
               path: "query-api-editor",
               tab: props.tab,
-              activeView: activeIndexerTabView,
-              indexerWizardCode: indexerWizardCode,
-              schemaWizardCode: schemaWizardCode,
+              activeView: activeIndexerTabView
             }}
           />
         </Section>
       )}
 
+
       {!['launchpad', 'explore', 'indexer', 'create-new-indexer', 'launch-new-indexer'].includes(activeTab) && (
         <Widget
           src={`${REPL_ACCOUNT_ID}/widget/QueryApi.NotFound`}