fix: Override assistant icon color in MUI Chip 🐛

Render SVG icons directly with inline transparent fill/color
to prevent MUI Chip's icon styles from overriding the
multicolor sparkle appearance. Also fix .id -> ._id for
default assistant comparison.

Author: paultranvan

packages/cozy-search/src/components/Assistant/AssistantAvatar.jsx

@@ -1,41 +1,42 @@
 import cx from 'classnames'
 import React from 'react'
 
-import Icon from 'cozy-ui/transpiled/react/Icon'
 import AssistantIcon from 'cozy-ui/transpiled/react/Icons/Assistant'
 import AssistantColorIcon from 'cozy-ui/transpiled/react/Icons/AssistantColor'
 
 import styles from './styles.styl'
 import { DEFAULT_ASSISTANT } from '../constants'
 
+const transparentFillStyle = { fill: 'transparent', color: 'transparent' }
+
 const AssistantAvatar = ({ assistant, isSmall, className }) => {
   if (!assistant) return null
 
   if (assistant._id !== DEFAULT_ASSISTANT._id && !assistant.icon) {
     return (
-      <Icon
-        icon={AssistantIcon}
+      <AssistantIcon
         className={cx(
           styles['assistant-icon'],
           {
             [styles['assistant-icon--small']]: isSmall
           },
           className
         )}
+        style={transparentFillStyle}
       />
     )
   }
 
-  return assistant.id === DEFAULT_ASSISTANT.id ? (
-    <Icon
-      icon={AssistantColorIcon}
+  return assistant._id === DEFAULT_ASSISTANT._id ? (
+    <AssistantColorIcon
       className={cx(
         styles['assistant-icon'],
         {
           [styles['assistant-icon--small']]: isSmall
         },
         className
       )}
+      style={transparentFillStyle}
     />
   ) : (
     <img

packages/cozy-search/src/components/Assistant/AssistantSelection.jsx

@@ -111,7 +111,7 @@ const AssistantSelection = ({ className, disabled }) => {
           <AssistantSelectionItem
             assistant={DEFAULT_ASSISTANT}
             onClose={handleClose}
-            onSelect={() => setSelectedAssistantId(DEFAULT_ASSISTANT.id)}
+            onSelect={() => setSelectedAssistantId(DEFAULT_ASSISTANT._id)}
             selectedAssistant={selectedAssistant}
             disableActions={true}
           />

packages/cozy-search/src/components/Assistant/styles.styl

@@ -23,6 +23,7 @@
   margin-right 8px
   object-fit cover
   fill transparent !important
+  color transparent !important
 
   &--small
     width 20px