feat(accompagnement): wording couleurs des cards partenaires

DNUM-SocialGouv · Dec 2, 2022 · e53abe4 · e53abe4
1 parent 9b7535d
commit e53abe4
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 13 deletions.
diff --git a/src/client/components/features/Partner/Card/PartnerCard.module.scss b/src/client/components/features/Partner/Card/PartnerCard.module.scss
@@ -60,17 +60,17 @@
 
   .bonneBoiteColor {
     @extend %bold;
-    color: $color-partner-bonne-boite;
+    color: #C7297E;
   }
 
   .onisepColor {
     @extend %bold;
-    color: $color-partner-onisep;
+    color: #C52E25;
   }
 
   .serviceCiviqueColor {
     @extend %bold;
-    color: $color-partner-service-civique;
+    color: #107CC0;
   }
 
   &Headline:after {

diff --git a/src/client/components/features/Partner/Card/PartnerCard.tsx b/src/client/components/features/Partner/Card/PartnerCard.tsx
@@ -16,7 +16,7 @@ import useReferrer from '~/client/hooks/useReferrer';
 interface PartnerCardProps {
   description: string
   headline?: string
-  headlineColor?: 'default' | 'asBonneBoiteColor' | 'asOnisepColor' | 'asServiceCiviqueColor'
+  headlineColor?: 'default' | 'pink' | 'red' | 'blue'
   logo: string
   link: string
   linkLabel: string
@@ -50,9 +50,9 @@ export function PartnerCard({ description, className, headline, headlineColor, l
 
   const appearanceLinkBold = useMemo(() => {
     switch (headlineColor) {
-      case 'asBonneBoiteColor': return styles.bonneBoiteColor;
-      case 'asOnisepColor': return styles.onisepColor;
-      case 'asServiceCiviqueColor': return styles.serviceCiviqueColor;
+      case 'pink': return styles.bonneBoiteColor;
+      case 'red': return styles.onisepColor;
+      case 'blue': return styles.serviceCiviqueColor;
       default: return styles.link;
     }
   }, [headlineColor]);

diff --git a/src/client/components/features/Partner/LaBonneBoitePartner.tsx b/src/client/components/features/Partner/LaBonneBoitePartner.tsx
@@ -10,7 +10,7 @@ export function LaBonneBoitePartner() {
       link="https://labonneboite.pole-emploi.fr/"
       title="Et si vous contactiez directement les entreprises ?"
       headline="N'envoyez plus vos CV au hasard !"
-      headlineColor="asBonneBoiteColor"
+      headlineColor="pink"
       description="Identifiez et contactez les entreprises qui peuvent être susceptibles de recruter même si elles n'ont pas déposé d'offres. Nos outils détectent les entreprises qui vont probablement embaucher dans les 6 prochains mois."
     />
   );

diff --git a/src/client/components/features/Partner/OnisepPartnerCard.tsx b/src/client/components/features/Partner/OnisepPartnerCard.tsx
@@ -7,7 +7,7 @@ export function OnisepPartnerCard() {
     <PartnerCard
       description="Trouvez un métier qui vous correspond parmi plus de 700 fiches."
       headline="Renseignez-vous sur les différents métiers avec l'ONISEP."
-      headlineColor="asOnisepColor"
+      headlineColor="red"
       linkLabel="Je découvre les métiers"
       link="/decouvrir-les-metiers"
       logo="/images/logos/onisep.svg"

diff --git a/src/client/components/features/Partner/ServiceCiviquePartner.tsx b/src/client/components/features/Partner/ServiceCiviquePartner.tsx
@@ -10,7 +10,7 @@ export function ServiceCiviquePartner() {
       link="/service-civique"
       title="Le Service Civique, pour acquérir de l'expérience et préparer son avenir"
       headline="Avec ou sans diplôme, engagez-vous dans des missions d'intérêt général en France ou à l'étranger."
-      headlineColor="asServiceCiviqueColor"
+      headlineColor="blue"
       description="Indemnisé 601€/mois, il vous permettra d'acquérir ou de développer vos compétences dans de nombreux domaines. Ouvert aux 16-25 ans (30 ans pour les jeunes en situation de handicap)."
     />
   );

diff --git a/src/styles/theme/_variables.scss b/src/styles/theme/_variables.scss
@@ -32,9 +32,6 @@ $color-mine-shaft: #3A3A3A;
 $color-skeleton: #E9EEEE;
 $color-cadre-formulaire: #EEF0F7;
 $color-tag: #EEEEEE;
-$color-partner-bonne-boite: #C7297E;
-$color-partner-onisep: #C52E25;
-$color-partner-service-civique: #107CC0;
 /* ***************
  * Shadows
  * ***************/