random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-19 17:01:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add carousel for quick start (#1271)

Browse Source 
* Add carousel for quick start

* Put carousel behind feature flag

* Install type definition for react-youtube

* Install type definition for react-youtube

* Remove @types/youtube-player

* Move feature flag outside of quickstarttutorial component
This commit is contained in:
victor-meng
2022-05-16 18:23:54 -07:00
committed by GitHub
parent 60525f654b
commit c2f3471afe
6 changed files with 197 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Main.tsx
View File

@@ -1,9 +1,11 @@
// CSS Dependencies
import { initializeIcons } from "@fluentui/react";
import "bootstrap/dist/css/bootstrap.css";
import { QuickstartCarousel } from "Explorer/Tutorials/QuickstartCarousel";
import { QuickstartTutorial } from "Explorer/Tutorials/QuickstartTutorial";
import React, { useState } from "react";
import ReactDOM from "react-dom";
import { userContext } from "UserContext";
import "../externals/jquery-ui.min.css";
import "../externals/jquery-ui.min.js";
import "../externals/jquery-ui.structure.min.css";
@@ -116,7 +118,8 @@ const App: React.FunctionComponent = () => {
</div>
<SidePanel />
<Dialog />
<QuickstartTutorial />
{userContext.features.enableNewQuickstart && <QuickstartCarousel isOpen={true} />}
{userContext.features.enableNewQuickstart && <QuickstartTutorial />}
</div>
);
};