diff --git a/site/source/components/RéductionDeCotisations/Montant.tsx b/site/source/components/RéductionDeCotisations/Montant.tsx index 6a32f78b3..6739db08c 100644 --- a/site/source/components/RéductionDeCotisations/Montant.tsx +++ b/site/source/components/RéductionDeCotisations/Montant.tsx @@ -6,7 +6,7 @@ import { styled } from 'styled-components' import { Condition } from '@/components/EngineValue/Condition' import Répartition from '@/components/RéductionDeCotisations/Répartition' import { FlexCenter } from '@/design-system/global-style' -import { SearchIcon, WarningIcon } from '@/design-system/icons' +import { EyeIcon, WarningIcon } from '@/design-system/icons' import { Tooltip } from '@/design-system/tooltip' import { RéductionDottedName, @@ -60,7 +60,7 @@ export default function Montant({ language, } )} - + ) : ( @@ -104,7 +104,8 @@ const FlexDiv = styled.div<{ $alignment: 'end' | 'center' }>` ${FlexCenter} justify-content: ${({ $alignment }) => $alignment}; ` -const StyledSearchIcon = styled(SearchIcon)` +const StyledEyeIcon = styled(EyeIcon)` + fill: ${({ theme }) => theme.colors.extended.grey[100]}; margin-left: ${({ theme }) => theme.spacings.sm}; ` const StyledWarningIcon = styled(WarningIcon)` diff --git a/site/source/design-system/icons/index.stories.tsx b/site/source/design-system/icons/index.stories.tsx index 059da693a..9f8734a75 100644 --- a/site/source/design-system/icons/index.stories.tsx +++ b/site/source/design-system/icons/index.stories.tsx @@ -22,6 +22,7 @@ export { EditIcon, ErrorIcon, ExternalLinkIcon, + EyeIcon, GithubIcon, HelpIcon, HexagonIcon, diff --git a/site/source/design-system/icons/index.tsx b/site/source/design-system/icons/index.tsx index bec9731bc..142f8ac51 100644 --- a/site/source/design-system/icons/index.tsx +++ b/site/source/design-system/icons/index.tsx @@ -14,8 +14,8 @@ export const ChevronIcon = (props: HTMLAttributes) => ( @@ -42,8 +42,8 @@ export const InfoIcon = (props: HTMLAttributes) => ( @@ -61,8 +61,8 @@ export const SuccessIcon = (props: HTMLAttributes) => ( @@ -112,8 +112,8 @@ export function SearchIcon({ ...props }) { return ( @@ -480,3 +480,17 @@ export const ClockIcon = (props: HTMLAttributes) => ( /> ) + +export const EyeIcon = (props: HTMLAttributes) => ( + + {/* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. */} + + +)