Logic for absolute URLs in the case where we link outside of docs

Author: goodroot

documentation/introduction.md

@@ -61,7 +61,7 @@ QuestDB Enterprise offers everything from open source, plus additional features
 for running QuestDB at greater scale or significance.
 
 <div className="not-prose">
-  <DocButton href="/enterprise/" variant="text" arrow="right">
+  <DocButton href="/enterprise/" absolute variant="text" arrow="right">
     <>Learn more</>
   </DocButton>
 </div>

src/components/DocButton/index.tsx

@@ -29,6 +29,7 @@ const variantStyles = {
 type ButtonProps = {
   variant?: keyof typeof variantStyles
   arrow?: 'left' | 'right'
+  absolute?: boolean
 } & (
   | React.ComponentPropsWithoutRef<typeof Link>
   | (React.ComponentPropsWithoutRef<'button'> & { href?: undefined })
@@ -39,6 +40,7 @@ export function DocButton({
   className,
   children,
   arrow,
+  absolute,
   ...props
 }: ButtonProps) {
   className = clsx(
@@ -79,6 +81,14 @@ export function DocButton({
     )
   }
 
+  if (absolute && props.href?.startsWith('/')) {
+    return (
+      <a className={className} {...props}>
+        {inner}
+      </a>
+    )
+  }
+
   return (
     <Link className={className} {...props}>
       {inner}