From 7aeb682beae30bb491f853f477d06f6a24bf6886 Mon Sep 17 00:00:00 2001 From: Nishtha Ahuja <45535788+nishthaAhujaa@users.noreply.github.com> Date: Thu, 15 May 2025 17:55:51 +0530 Subject: [PATCH] Connect with VScode on Quickstart Page (#2151) Co-authored-by: nishthaAhujaa --- images/VisualStudio.svg | 8 ++++++++ src/Explorer/SplashScreen/SplashScreen.tsx | 9 +++++---- 2 files changed, 13 insertions(+), 4 deletions(-) create mode 100644 images/VisualStudio.svg diff --git a/images/VisualStudio.svg b/images/VisualStudio.svg new file mode 100644 index 000000000..27b43feca --- /dev/null +++ b/images/VisualStudio.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/Explorer/SplashScreen/SplashScreen.tsx b/src/Explorer/SplashScreen/SplashScreen.tsx index 6a840922d..a922a647a 100644 --- a/src/Explorer/SplashScreen/SplashScreen.tsx +++ b/src/Explorer/SplashScreen/SplashScreen.tsx @@ -28,6 +28,7 @@ import LinkIcon from "../../../images/Link_blue.svg"; import PowerShellIcon from "../../../images/PowerShell.svg"; import CopilotIcon from "../../../images/QueryCopilotNewLogo.svg"; import QuickStartIcon from "../../../images/Quickstart_Lightning.svg"; +import VisualStudioIcon from "../../../images/VisualStudio.svg"; import NotebookIcon from "../../../images/notebook/Notebook-resource.svg"; import CollectionIcon from "../../../images/tree-collection.svg"; import * as Constants from "../../Common/Constants"; @@ -458,10 +459,10 @@ export class SplashScreen extends React.Component { } if (userContext.apiType === "VCoreMongo") { - icon = ContainersIcon; - title = "Connect with Studio 3T"; - description = "Prefer Studio 3T? Find your connection strings here"; - onClick = () => useTabs.getState().openAndActivateReactTab(ReactTabKind.Connect); + icon = VisualStudioIcon; + title = "Connect with VS Code"; + description = "Query and Manage your MongoDB cluster in Visual Studio Code"; + onClick = () => this.container.openInVsCode(); } return {