fix(search): Use MUI Link instead of <a> for search secondary title

cozy · Nov 14, 2024 · f5e197e · f5e197e
1 parent 13f29a9
commit f5e197e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/src/assistant/ResultMenu/SuggestionItemTextSecondary.jsx b/src/assistant/ResultMenu/SuggestionItemTextSecondary.jsx
@@ -8,8 +8,7 @@ import React from 'react'
 import AppLinker from 'cozy-ui/transpiled/react/AppLinker'
 import SuggestionItemTextHighlighted from './SuggestionItemTextHighlighted'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-
-import styles from './styles.styl'
+import Link from 'cozy-ui/transpiled/react/Link'
 
 const SuggestionItemTextSecondary = ({ text, query, url, slug }) => {
   const { isMobile } = useBreakpoints()
@@ -22,8 +21,9 @@ const SuggestionItemTextSecondary = ({ text, query, url, slug }) => {
   return (
     <AppLinker app={app} href={url}>
       {({ href, onClick }) => (
-        <a
-          className={styles['suggestion-item-parent-link']}
+        <Link
+          color="textSecondary"
+          underline="hover"
           href={href}
           onClick={e => {
             e.stopPropagation()
@@ -37,7 +37,7 @@ const SuggestionItemTextSecondary = ({ text, query, url, slug }) => {
             query={query}
             slug={slug}
           />
-        </a>
+        </Link>
       )}
     </AppLinker>
   )

diff --git a/src/assistant/ResultMenu/styles.styl b/src/assistant/ResultMenu/styles.styl
@@ -8,10 +8,3 @@
   &-inner
     max-height 16.5rem
     overflow auto
-
-.suggestion-item-parent-link
-    color var(--primaryTextColor)
-    text-decoration none
-
-    &:hover
-        text-decoration underline