Fix the disabled state of links

Author: sandhose

frontend/src/components/ButtonLink.tsx

@@ -21,13 +21,15 @@ type Props = {
   size?: "sm" | "lg";
   Icon?: React.ComponentType<React.SVGAttributes<SVGElement>>;
   destructive?: boolean;
-};
+  disabled?: boolean;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
 
 export const ButtonLink = createLink(
   forwardRef<HTMLAnchorElement, PropsWithChildren<Props>>(
     ({ children, ...props }, ref) => {
+      const disabled = !!props.disabled || !!props["aria-disabled"] || false;
       return (
-        <Button as="a" {...props} ref={ref}>
+        <Button as="a" {...props} disabled={disabled} ref={ref}>
           {children}
         </Button>
       );

frontend/src/components/SessionCard/SessionCard.tsx

@@ -26,21 +26,24 @@ export const Root: React.FC<React.PropsWithChildren> = ({ children }) => (
   <section className={styles.sessionCardRoot}>{children}</section>
 );
 
-type BodyProps = React.PropsWithChildren<{
-  disabled?: boolean;
-  compact?: boolean;
-  className?: string;
-}>;
+type BodyProps = React.PropsWithChildren<
+  {
+    disabled?: boolean;
+    compact?: boolean;
+    className?: string;
+  } & React.AnchorHTMLAttributes<HTMLAnchorElement>
+>;
 export const LinkBody = createLink(
   forwardRef<HTMLAnchorElement, BodyProps>(
-    ({ children, disabled, compact, className, ...props }, ref) => {
+    ({ children, compact, className, ...props }, ref) => {
+      const isDisabled = !!props.disabled || !!props["aria-disabled"] || false;
       return (
         <a
           className={cx(
             className,
             styles.sessionCard,
             compact && styles.compact,
-            disabled && styles.disabled,
+            isDisabled && styles.disabled,
           )}
           {...props}
           ref={ref}