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

Update recent items UI and add to new home page (#1275)

Browse Source 
* Update recent items UI and add to new home page

* Update text and links for different APIs

* Update home page text and carousel images
This commit is contained in:
victor-meng
2022-05-20 16:37:50 -07:00
committed by GitHub
parent c2f3471afe
commit dc83bf6fa0
9 changed files with 400 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Explorer/Tutorials/QuickstartCarousel.tsx
View File

@@ -1,7 +1,8 @@
import { DefaultButton, IconButton, Image, Modal, PrimaryButton, Stack, Text } from "@fluentui/react";
import React, { useState } from "react";
import Youtube from "react-youtube";
import Placeholder from "../../../images/Placeholder.svg";
import Image1 from "../../../images/CarouselImage1.svg";
import Image2 from "../../../images/CarouselImage2.svg";
interface QuickstartCarouselProps {
isOpen: boolean;
@@ -55,9 +56,9 @@ const getContent = (page: number): JSX.Element => {
case 1:
return <Youtube videoId="Jvgh64rvdXU" />;
case 2:
return <Image style={{ width: 640 }} src={Placeholder} />;
return <Image style={{ width: 640 }} src={Image1} />;
case 3:
return <Image style={{ width: 640 }} src={Placeholder} />;
return <Image style={{ width: 640 }} src={Image2} />;
default:
return <></>;
}