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 <[email protected]>
aws-amplify · Nov 10, 2023 · 55aaef0 · 55aaef0
1 parent 104d738
commit 55aaef0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git 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,14 +135,16 @@ export const GetStartedPopover = () => {
     }
   };
 
+  platform = platform.platform;
+
   return (
     <Flex className="split-button">
       <InternalLinkButton
         size="large"
         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
@@ -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
@@ -57,7 +57,7 @@ export default function Page() {
               fontSize=".875em"
             />
           </InternalLinkButton>
-          <GetStartedPopover />
+          <GetStartedPopover platform={DEFAULT_PLATFORM} />
         </Flex>
       </Flex>
       <Flex direction="column">