feat: add AssetDownload component stories for Storybook

src/components/AssetDownload/AssetDownload.stories.tsx

@@ -0,0 +1,38 @@
+import type { Meta, StoryObj } from "@storybook/react"
+
+import AssetDownload from "."
+
+import ethDiamondBlack from "@/public/images/assets/eth-diamond-black.png"
+
+const meta = {
+  title: "Components/AssetDownload",
+  component: AssetDownload,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+} satisfies Meta<typeof AssetDownload>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const WithArtist: Story = {
+  args: {
+    title: "Ethereum hero",
+    alt: "Ethereum hero",
+    image: ethDiamondBlack,
+    artistName: "Liam Cobb",
+    artistUrl: "https://liamcobb.com/",
+    svgUrl: "/images/assets/svgs/eth-diamond-black.svg",
+  },
+}
+
+export const BrandAsset: Story = {
+  args: {
+    title: "ETH Diamond Glyph",
+    alt: "ETH Diamond Glyph",
+    image: ethDiamondBlack,
+    svgUrl: "/images/assets/svgs/eth-diamond-glyph.svg",
+  },
+}

src/components/AssetDownload/index.tsx

@@ -1,5 +1,3 @@
-import { extname } from "path"
-
 import { BaseHTMLAttributes } from "react"
 import type { ImageProps, StaticImageData } from "next/image"
 
@@ -41,7 +39,8 @@ const AssetDownload = ({
       eventName: title,
     })
   }
-  const imgSrc = (image as StaticImageData).src
+  const imgSrc =
+    typeof image === "string" ? image : (image as StaticImageData).src
 
   return (
     <Stack
@@ -58,7 +57,7 @@ const AssetDownload = ({
       <Flex className="mt-4 gap-5">
         <ButtonLink href={imgSrc} onClick={matomoHandler} target="_blank">
           {t("page-assets-download-download")} (
-          {extname(imgSrc).slice(1).toUpperCase()})
+          {imgSrc.split(".").pop()?.toUpperCase()})
         </ButtonLink>
         {svgUrl && (
           <ButtonLink href={svgUrl} onClick={matomoHandler} target="_blank">

src/components/ui/Link.tsx

@@ -82,7 +82,7 @@ export const BaseLink = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
 
   // Get proper download link for internally hosted files (ex: whitepaper.pdf)
   // Opens in separate window.
-  if (isInternalFile && !href.startsWith("/")) {
+  if (isInternalFile && !href.startsWith("/") && pathname) {
     href = "/" + getRelativePath(pathname, href)
   }