random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-04-22 17:44:58 +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

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

@ -160,7 +160,8 @@ export const FabricHomeScreen: React.FC<SplashScreenProps> = (props: SplashScree
}; };
const title = "Build your database"; const title = "Build your database";
return (<> return (
<>
<CosmosFluentProvider className={styles.homeContainer}> <CosmosFluentProvider className={styles.homeContainer}>
<SampleDataImportDialog <SampleDataImportDialog
open={openSampleDataImportDialog} open={openSampleDataImportDialog}
@ -178,7 +179,7 @@ export const FabricHomeScreen: React.FC<SplashScreenProps> = (props: SplashScree
Learn more <img src={LinkIcon} alt="Learn more" /> Learn more <img src={LinkIcon} alt="Learn more" />
</Link> </Link>
</div> </div>
</CosmosFluentProvider > </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 { CheckmarkCircleRegular } from "@fluentui/react-icons";
import Explorer from "Explorer/Explorer"; import Explorer from "Explorer/Explorer";
import { checkContainerExists, createContainer, importData } from "Explorer/SplashScreen/SampleUtil"; import { checkContainerExists, createContainer, importData } from "Explorer/SplashScreen/SampleUtil";
@ -13,10 +22,10 @@ import * as ViewModels from "../../Contracts/ViewModels";
* @returns * @returns
*/ */
export const SampleDataImportDialog: React.FC<{ export const SampleDataImportDialog: React.FC<{
open: boolean, open: boolean;
setOpen: (open: boolean) => void, setOpen: (open: boolean) => void;
explorer: Explorer, explorer: Explorer;
databaseName: string, databaseName: string;
}> = (props) => { }> = (props) => {
const [status, setStatus] = useState<"idle" | "creating" | "importing" | "completed" | "error">("idle"); const [status, setStatus] = useState<"idle" | "creating" | "importing" | "completed" | "error">("idle");
const [errorMessage, setErrorMessage] = useState<string | null>(null); const [errorMessage, setErrorMessage] = useState<string | null>(null);
@ -32,8 +41,6 @@ export const SampleDataImportDialog: React.FC<{
}, [props.open]); }, [props.open]);
const handleStartImport = async (): Promise<void> => { const handleStartImport = async (): Promise<void> => {
setStatus("creating"); setStatus("creating");
const containerName = "sampledata"; const containerName = "sampledata";
const databaseName = props.databaseName; const databaseName = props.databaseName;
@ -137,10 +144,12 @@ export const SampleDataImportDialog: React.FC<{
<DialogTitle>Importing Sample Data</DialogTitle> <DialogTitle>Importing Sample Data</DialogTitle>
<DialogContent>{renderContent()}</DialogContent> <DialogContent>{renderContent()}</DialogContent>
<DialogActions> <DialogActions>
<Button appearance="primary" onClick={handleActionOnClick}>{getButtonLabel()}</Button> <Button appearance="primary" onClick={handleActionOnClick}>
{getButtonLabel()}
</Button>
</DialogActions> </DialogActions>
</DialogBody> </DialogBody>
</DialogSurface> </DialogSurface>
</Dialog> </Dialog>
); );
} };