add button link to tooltip

rocky-linux · Mar 19, 2024 · 510cd83 · 510cd83
1 parent 5e8debc
commit 510cd83
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/app/[locale]/download/components/DownloadCard.tsx b/app/[locale]/download/components/DownloadCard.tsx
@@ -10,6 +10,8 @@ import {
 import { QuestionMarkCircledIcon } from "@radix-ui/react-icons";
 import { Tabs } from "@/components/ui/tabs";
 import VersionPicker from "./VersionPicker";
+import Link from "next/link";
+import { Url } from "next/dist/shared/lib/router/router";
 
 interface DownloadOption {
   label: string;
@@ -38,7 +40,8 @@ interface DownloadCardProps {
   title: string;
   titleTooltip: boolean;
   titleTooltipText?: TooltipText[];
-  titleTooltipButtonLabel?: string;
+  titleTooltipButtonLabel: string;
+  titleTooltipButtonLink: Url;
   versions: VersionItem[];
 }
 
@@ -47,6 +50,7 @@ const DownloadCard: React.FC<DownloadCardProps> = ({
   titleTooltip,
   titleTooltipText,
   titleTooltipButtonLabel,
+  titleTooltipButtonLink,
   versions,
 }) => (
   <Card>
@@ -69,7 +73,9 @@ const DownloadCard: React.FC<DownloadCardProps> = ({
                   {line.text}
                 </p>
               ))}
-              <Button className="mt-2">{titleTooltipButtonLabel}</Button>
+              <Link href={titleTooltipButtonLink}>
+                <Button className="mt-2">{titleTooltipButtonLabel}</Button>
+              </Link>
             </HoverCardContent>
           </HoverCard>
         ) : (

diff --git a/app/[locale]/download/page.tsx b/app/[locale]/download/page.tsx
@@ -59,6 +59,7 @@ const DownloadPage = () => {
                         text: `${t("cards.defaultImages.tooltips.minimal")}`,
                       },
                     ]}
+                    titleTooltipButtonLink="https://docs.rockylinux.org/guides/installation/"
                     titleTooltipButtonLabel={t(
                       "cards.defaultImages.tooltips.buttonLabel"
                     )}
@@ -159,6 +160,7 @@ const DownloadPage = () => {
                         text: `${t("cards.defaultImages.tooltips.minimal")}`,
                       },
                     ]}
+                    titleTooltipButtonLink="https://docs.rockylinux.org/guides/installation/"
                     titleTooltipButtonLabel={t(
                       "cards.defaultImages.tooltips.buttonLabel"
                     )}
@@ -259,6 +261,7 @@ const DownloadPage = () => {
                         text: `${t("cards.defaultImages.tooltips.minimal")}`,
                       },
                     ]}
+                    titleTooltipButtonLink="https://docs.rockylinux.org/guides/installation/"
                     titleTooltipButtonLabel={t(
                       "cards.defaultImages.tooltips.buttonLabel"
                     )}
@@ -321,6 +324,7 @@ const DownloadPage = () => {
                         text: `${t("cards.defaultImages.tooltips.minimal")}`,
                       },
                     ]}
+                    titleTooltipButtonLink="https://docs.rockylinux.org/guides/installation/"
                     titleTooltipButtonLabel={t(
                       "cards.defaultImages.tooltips.buttonLabel"
                     )}