From ffe3c0b6b1e0e165f88069c4c12d2cda00a9f0ce Mon Sep 17 00:00:00 2001
From: Ldoppea <yannick.chiron@gmail.com>
Date: Wed, 13 Nov 2024 15:58:04 +0100
Subject: [PATCH] fix(search): Use MUI Link instead of `<a>` for search
 secondary title

---
 .../ResultMenu/SuggestionItemTextSecondary.jsx         | 10 +++++-----
 src/assistant/ResultMenu/styles.styl                   |  7 -------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/assistant/ResultMenu/SuggestionItemTextSecondary.jsx b/src/assistant/ResultMenu/SuggestionItemTextSecondary.jsx
index 9a9e13afc..a2e5522aa 100644
--- 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
index 08f4afede..4c79c311e 100644
--- 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
\ No newline at end of file