diff --git a/webapp/channels/src/components/common/svg_images_components/index.ts b/webapp/channels/src/components/common/svg_images_components/index.ts index 847706bc16..94976b10ad 100644 --- a/webapp/channels/src/components/common/svg_images_components/index.ts +++ b/webapp/channels/src/components/common/svg_images_components/index.ts @@ -9,3 +9,4 @@ export {PinSVG} from './pin_svg'; export {ChannelFilesSVG} from './channel_files_svg'; export {UserGroupsSVG} from './user_groups_svg'; export {UserGroupMembersSVG} from './user_groups_members_svg'; +export {InfomaniakChannelSearchSvg} from './infomaniak_channel_search_svg'; diff --git a/webapp/channels/src/components/common/svg_images_components/infomaniak_channel_search_svg.tsx b/webapp/channels/src/components/common/svg_images_components/infomaniak_channel_search_svg.tsx new file mode 100644 index 0000000000..5bd45eb5f7 --- /dev/null +++ b/webapp/channels/src/components/common/svg_images_components/infomaniak_channel_search_svg.tsx @@ -0,0 +1,64 @@ +import React from 'react'; +import {useIntl} from 'react-intl'; + +export function InfomaniakChannelSearchSvg(props: React.HTMLAttributes) { + const {formatMessage} = useIntl(); + return ( + + + + + + + + + + + + + + + + + + ); +} diff --git a/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx b/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx index c83083987c..aaccda8271 100644 --- a/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx +++ b/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx @@ -10,7 +10,7 @@ import {FormattedMessage} from 'react-intl'; import ChannelFilesIcon from 'components/widgets/icons/channel_files_icon'; import IKFlagIcon from 'components/widgets/icons/ik_flag_icon'; import PinIcon from 'components/widgets/icons/pin_icon'; -import {SearchSVG, ChannelSearchSVG, MentionsSVG, SavedMessagesSVG, PinSVG, ChannelFilesSVG, UserGroupsSVG, UserGroupMembersSVG} from 'components/common/svg_images_components'; +import {SearchSVG, ChannelSearchSVG, MentionsSVG, SavedMessagesSVG, PinSVG, ChannelFilesSVG, UserGroupsSVG, UserGroupMembersSVG, InfomaniakChannelSearchSvg} from 'components/common/svg_images_components'; import {t} from 'utils/i18n'; @@ -33,7 +33,7 @@ interface Props { const iconMap: {[key in NoResultsVariant]: React.ReactNode } = { [NoResultsVariant.Search]: , - [NoResultsVariant.ChannelSearch]: , + [NoResultsVariant.ChannelSearch]: , // Utilisation du composant thématisé [NoResultsVariant.Files]: , [NoResultsVariant.Mentions]: , diff --git a/webapp/channels/src/sass/base/_css_variables.scss b/webapp/channels/src/sass/base/_css_variables.scss index 81b0e5adce..8bdc78b96c 100644 --- a/webapp/channels/src/sass/base/_css_variables.scss +++ b/webapp/channels/src/sass/base/_css_variables.scss @@ -124,4 +124,5 @@ --ik-illustration-grey-15: #F1F1F1; --ik-illustration-grey-16: #F1F1F1; --ik-illustration-grey-17: #F5F5F5; + --ik-illustration-grey-18: #9F9F9F; }