diff --git a/src/Explorer/SplashScreen/FabricHome.tsx b/src/Explorer/SplashScreen/FabricHome.tsx index 8522d1949..05e8337aa 100644 --- a/src/Explorer/SplashScreen/FabricHome.tsx +++ b/src/Explorer/SplashScreen/FabricHome.tsx @@ -160,25 +160,26 @@ export const FabricHomeScreen: React.FC = (props: SplashScree }; const title = "Build your database"; - return (<> - - -
- {title} -
- {getSplashScreenButtons()} -
- Need help?{" "} - - Learn more Learn more - -
-
- + return ( + <> + + +
+ {title} +
+ {getSplashScreenButtons()} +
+ Need help?{" "} + + Learn more Learn more + +
+
+ ); }; diff --git a/src/Explorer/SplashScreen/SampleDataImportDialog.tsx b/src/Explorer/SplashScreen/SampleDataImportDialog.tsx index 3b15ae39b..e0bb55b98 100644 --- a/src/Explorer/SplashScreen/SampleDataImportDialog.tsx +++ b/src/Explorer/SplashScreen/SampleDataImportDialog.tsx @@ -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(null); @@ -32,8 +41,6 @@ export const SampleDataImportDialog: React.FC<{ }, [props.open]); const handleStartImport = async (): Promise => { - - setStatus("creating"); const containerName = "sampledata"; const databaseName = props.databaseName; @@ -137,10 +144,12 @@ export const SampleDataImportDialog: React.FC<{ Importing Sample Data {renderContent()} - + ); -} \ No newline at end of file +};