From 55aaef0550b5322be66e270581dab8249031cf6e Mon Sep 17 00:00:00 2001
From: Katie Goines <30757403+katiegoines@users.noreply.github.com>
Date: Fri, 10 Nov 2023 11:05:11 -0800
Subject: [PATCH] fix: getting started button goes to correct platform page
 (#6302)

* fix: getting started button goes to correct platform page

* removed unnecessary import

---------

Co-authored-by: katiegoines <katiegoines@gmail.com>
---
 src/components/GetStartedPopover/GetStartedPopover.tsx | 6 ++++--
 src/pages/[platform]/index.tsx                         | 2 +-
 src/pages/index.tsx                                    | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/GetStartedPopover/GetStartedPopover.tsx b/src/components/GetStartedPopover/GetStartedPopover.tsx
index 500994f7a3b..5b4ed753715 100644
--- a/src/components/GetStartedPopover/GetStartedPopover.tsx
+++ b/src/components/GetStartedPopover/GetStartedPopover.tsx
@@ -95,7 +95,7 @@ const getStartedLinks = [
   }
 ];
 
-export const GetStartedPopover = () => {
+export const GetStartedPopover = (platform) => {
   const [expanded, setExpanded] = useState<boolean>(false);
 
   const triggerRef = useRef<HTMLButtonElement>(null);
@@ -135,6 +135,8 @@ export const GetStartedPopover = () => {
     }
   };
 
+  platform = platform.platform;
+
   return (
     <Flex className="split-button">
       <InternalLinkButton
@@ -142,7 +144,7 @@ export const GetStartedPopover = () => {
         className="split-button__start"
         href={{
           pathname: '/[platform]/start/getting-started/introduction/',
-          query: { platform: DEFAULT_PLATFORM }
+          query: { platform: platform }
         }}
       >
         Get started
diff --git a/src/pages/[platform]/index.tsx b/src/pages/[platform]/index.tsx
index 2f36d2af726..82bd1dd476c 100644
--- a/src/pages/[platform]/index.tsx
+++ b/src/pages/[platform]/index.tsx
@@ -68,7 +68,7 @@ const PlatformOverview = ({ platform }) => {
             <IconChevron className="icon-rotate-270" fontSize=".875em" />
           </InternalLinkButton>
 
-          <GetStartedPopover />
+          <GetStartedPopover platform={platform} />
         </Flex>
       </Flex>
       <Flex direction="column">
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 450167a058b..850ff7b6777 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -57,7 +57,7 @@ export default function Page() {
               fontSize=".875em"
             />
           </InternalLinkButton>
-          <GetStartedPopover />
+          <GetStartedPopover platform={DEFAULT_PLATFORM} />
         </Flex>
       </Flex>
       <Flex direction="column">