feat: add links on getting started button

api-platform · Sep 16, 2024 · 0d4c2a0 · 0d4c2a0
1 parent 12b268c
commit 0d4c2a0
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 26 deletions.
diff --git a/pwa/app/(common)/components/cover/Cover.tsx b/pwa/app/(common)/components/cover/Cover.tsx
@@ -1,16 +1,21 @@
+"use client";
+import { useSearchParams } from "next/navigation";
 import Button from "components/common/Button";
 import Logo from "components/common/Logo";
 import classNames from "classnames";
 import CoverCircleStacks from "./CoverCircleStacks";
 import StackSelector from "./StackSelector";
 
 export default function Cover() {
+  const searchParams = useSearchParams();
+  const stack = searchParams.get("s");
+
   return (
     <div className={classNames("relative bg-blue mb-16 overflow-hidden")}>
       <div className="z-50 h-20 md:h-32 absolute -bottom-px left-0 w-full bg-white clip-path-corner-left dark:bg-blue-black 2xl:-bottom-0.5" />
       <div
         className={classNames(
-          "container relative h-full pt-12 pb-64 flex flex-col-reverse items-center justify-center text-white dark:text-blue-darkest | md:pb-12 md:min-h-[90vh] | lg:min-h-screen | 2xl:min-h-[900px]"
+          "container relative h-full pt-12 pb-64 flex flex-col-reverse items-center justify-center text-white dark:text-blue-darkest | md:pb-12 md:min-h-[90vh] | lg:min-h-screen | 2xl:min-h-[850px]"
         )}
       >
         <img
@@ -36,7 +41,8 @@ export default function Cover() {
           <Button
             color="default"
             size="extralarge"
-            className="bg-blue-dark border-blue-dark mt-6 mb-4 md:mb-0 md:mt-8 "
+            className="bg-blue-dark border-blue-dark mt-6 mb-4 md:mb-0 md:mt-8"
+            href={stack === "laravel" ? "/docs/laravel" : stack === "symfony" ? "/docs/symfony" : "/docs/core/bootstrap"}
           >
             Getting started
           </Button>

diff --git a/pwa/app/(common)/components/timeline/TimelinePhp.tsx b/pwa/app/(common)/components/timeline/TimelinePhp.tsx
@@ -14,35 +14,12 @@ export default function TimelineSymfony() {
   return (
     <div className="relative dark:bg-blue-black">
       <TimelineStepTitle step={1}>Install the framework</TimelineStepTitle>
-      <StepContent>
+      <StepContent className="pb-24">
         Install the API Platform Framework
         <CodeBlock title="Install">
           <InstallCode />
         </CodeBlock>
       </StepContent>
-      <StepContent className="sm:mt-32">
-        <p className="font-semibold text-blue text-2xl mb-4 leading-tight">
-          Your development environment is ready!{" "}
-        </p>
-        Continuous integration (GitHub Action) as well as recipes to deploy in
-        production with{" "}
-        <Link
-          href="/docs/deployment/docker-compose/#deploying-with-docker-compose"
-          prefetch={false}
-          className="link"
-        >
-          Docker Compose
-        </Link>{" "}
-        or{" "}
-        <Link
-          href="/docs/deployment/kubernetes/"
-          className="link"
-          prefetch={false}
-        >
-          Kubernetes
-        </Link>{" "}
-        are also pre-installed.
-      </StepContent>
       <TimelineStepTitle step={2}>
         Define the resources
         <span className="block text-xl normal-case">

diff --git a/pwa/app/(common)/components/timeline/symfony/Expose.mdx b/pwa/app/(common)/components/timeline/symfony/Expose.mdx
@@ -3,6 +3,8 @@
 
 namespace App\ApiResource;
 
+use ApiPlatform\Metadata\ApiResource;
+
 #[ApiResource]
 class Beer
 {