feat: breadcrumbs should not inherit the new link style (#271) (#280)

Co-authored-by: Fran McDade <[email protected]>

src/components/common/Breadcrumbs/breadcrumbs.tsx

@@ -3,6 +3,7 @@ import { Link, Breadcrumbs as MBreadcrumbs, Typography } from "@mui/material";
 import NLink from "next/link";
 import React, { ReactNode } from "react";
 import { BaseComponentProps } from "../../types";
+import { LINK_PROPS } from "./constants";
 
 export interface Breadcrumb {
   path: string;
@@ -25,7 +26,7 @@ export const Breadcrumbs = ({
         <MBreadcrumbs className={className} separator={Separator}>
           {breadcrumbs.map(({ path, text }, b) =>
             path ? (
-              <Link component={NLink} key={b} href={path}>
+              <Link {...LINK_PROPS} component={NLink} key={b} href={path}>
                 {text}
               </Link>
             ) : (

src/components/common/Breadcrumbs/constants.ts

@@ -0,0 +1,6 @@
+import { LinkProps } from "@mui/material";
+import { LINK_PROPS as MUI_LINK_PROPS } from "../../../styles/common/mui/link";
+
+export const LINK_PROPS: Partial<LinkProps> = {
+  underline: MUI_LINK_PROPS.UNDERLINE.HOVER,
+};

src/styles/common/mui/link.ts

@@ -0,0 +1,15 @@
+import { LinkProps } from "@mui/material";
+
+type LinkPropsOptions = {
+  UNDERLINE: typeof UNDERLINE;
+};
+
+export const UNDERLINE: Record<string, LinkProps["underline"]> = {
+  ALWAYS: "always",
+  HOVER: "hover",
+  NONE: "none",
+};
+
+export const LINK_PROPS: LinkPropsOptions = {
+  UNDERLINE,
+};