Styling changes

the-curve-consulting · Feb 13, 2024 · 5c85e4f · 5c85e4f
1 parent 4e6f8cf
commit 5c85e4f
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 10 deletions.
diff --git a/scss/App.scss b/scss/App.scss
@@ -117,5 +117,4 @@ a.breadcrumb-item {
 
 a.breadcrumb-item:hover {
   text-decoration: underline;
-  color: var(--texmo-text-color);
 }
diff --git a/src/components/breadcrumb/Breadcrumb.tsx b/src/components/breadcrumb/Breadcrumb.tsx
@@ -14,21 +14,13 @@ const Breadcrumb = ({ children, ...rest }: BreadcrumbProps) => {
         const childElement = child as React.ReactElement;
         const childProps = childElement.props as BreadcrumbItemProps;
 
-        const isActive = childProps.active;
-
-        let className = childProps.className;
-        if (isActive) {
-          className = `${className} gray-text`;
-        }
-
         let text = childProps.text;
         if (index > 0) {
           text = ` / ${text}`;
         }
 
         return React.cloneElement(childElement, {
           text,
-          className,
           key: index,
         });
       })}

diff --git a/src/components/breadcrumb/components/BreadcrumbItem.tsx b/src/components/breadcrumb/components/BreadcrumbItem.tsx
@@ -15,7 +15,7 @@ const BreadcrumbItem = ({
 }: BreadcrumbItemProps) => {
   if (active) {
     return (
-      <span className={className} {...rest}>
+      <span className={`gray-text ${className}`} {...rest}>
         {text}
       </span>
     );