random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-04-15 06:08:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix format

Browse Source
This commit is contained in:
Laurent Nguyen 2025-04-10 22:31:17 +02:00
parent 435903e789
commit 0bfc3166ef
2 changed files with 39 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/Explorer/SplashScreen/FabricHome.tsx
View File

@ -160,25 +160,26 @@ export const FabricHomeScreen: React.FC<SplashScreenProps> = (props: SplashScree
};
const title = "Build your database";
return (<>
<CosmosFluentProvider className={styles.homeContainer}>
<SampleDataImportDialog
open={openSampleDataImportDialog}
setOpen={setOpenSampleDataImportDialog}
explorer={props.explorer}
databaseName={userContext.fabricContext?.databaseName}
/>
<div className={styles.title} role="heading" aria-label={title}>
{title}
</div>
{getSplashScreenButtons()}
<div className={styles.footer}>
Need help?{" "}
<Link href="https://cosmos.azure.com/docs" target="_blank">
Learn more <img src={LinkIcon} alt="Learn more" />
</Link>
</div>
</CosmosFluentProvider >
</>
return (
<>
<CosmosFluentProvider className={styles.homeContainer}>
<SampleDataImportDialog
open={openSampleDataImportDialog}
setOpen={setOpenSampleDataImportDialog}
explorer={props.explorer}
databaseName={userContext.fabricContext?.databaseName}
/>
<div className={styles.title} role="heading" aria-label={title}>
{title}
</div>
{getSplashScreenButtons()}
<div className={styles.footer}>
Need help?{" "}
<Link href="https://cosmos.azure.com/docs" target="_blank">
Learn more <img src={LinkIcon} alt="Learn more" />
</Link>
</div>
</CosmosFluentProvider>
</>
);
};

27
src/Explorer/SplashScreen/SampleDataImportDialog.tsx
View File

@ -1,4 +1,13 @@
import { Button, Dialog, DialogActions, DialogBody, DialogContent, DialogSurface, DialogTitle, Spinner } from "@fluentui/react-components";
import {
Button,
Dialog,
DialogActions,
DialogBody,
DialogContent,
DialogSurface,
DialogTitle,
Spinner,
} from "@fluentui/react-components";
import { CheckmarkCircleRegular } from "@fluentui/react-icons";
import Explorer from "Explorer/Explorer";
import { checkContainerExists, createContainer, importData } from "Explorer/SplashScreen/SampleUtil";
@ -13,10 +22,10 @@ import * as ViewModels from "../../Contracts/ViewModels";
* @returns
*/
export const SampleDataImportDialog: React.FC<{
open: boolean,
setOpen: (open: boolean) => void,
explorer: Explorer,
databaseName: string,
open: boolean;
setOpen: (open: boolean) => void;
explorer: Explorer;
databaseName: string;
}> = (props) => {
const [status, setStatus] = useState<"idle" | "creating" | "importing" | "completed" | "error">("idle");
const [errorMessage, setErrorMessage] = useState<string | null>(null);
@ -32,8 +41,6 @@ export const SampleDataImportDialog: React.FC<{
}, [props.open]);
const handleStartImport = async (): Promise<void> => {
setStatus("creating");
const containerName = "sampledata";
const databaseName = props.databaseName;
@ -137,10 +144,12 @@ export const SampleDataImportDialog: React.FC<{
<DialogTitle>Importing Sample Data</DialogTitle>
<DialogContent>{renderContent()}</DialogContent>
<DialogActions>
<Button appearance="primary" onClick={handleActionOnClick}>{getButtonLabel()}</Button>
<Button appearance="primary" onClick={handleActionOnClick}>
{getButtonLabel()}
</Button>
</DialogActions>
</DialogBody>
</DialogSurface>
</Dialog>
);
}
};