diff --git a/src/components/atoms/icons/CheckSmall.tsx b/src/components/atoms/icons/CheckSmall.tsx new file mode 100644 index 000000000..647b24a4d --- /dev/null +++ b/src/components/atoms/icons/CheckSmall.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +export default () => ( + + + +); diff --git a/src/components/organisms/Contributor/ContributorButton.tsx b/src/components/organisms/Contributor/ContributorButton.tsx index 4d2046080..166a51bbc 100644 --- a/src/components/organisms/Contributor/ContributorButton.tsx +++ b/src/components/organisms/Contributor/ContributorButton.tsx @@ -2,6 +2,7 @@ import React, { useState } from 'react'; import styled from 'styled-components'; import BackgroundButton from 'components/atoms/Button/BackgroundButton/BackgroundButton'; import BorderButton from 'components/atoms/Button/BorderButton/BorderButton'; +import Check from 'components/atoms/icons/CheckSmall'; const Container = styled.div` display: flex; @@ -54,7 +55,14 @@ const ContributorButton = ({ onPointerEnter={() => setSubscribedButtonHovered(true)} onPointerLeave={() => setSubscribedButtonHovered(false)} > - {subscribedButtonHovered ? 'Se désabonner' : 'Abonné·e'} + {subscribedButtonHovered ? ( + 'Se désabonner' + ) : ( + <> + +  Abonné + + )} )} {!subscribed && (