feat(job-board): update for indy

lyonjs · Jan 10, 2025 · ab3bcc7 · ab3bcc7
1 parent 6a559ba
commit ab3bcc7
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 60 deletions.
diff --git a/data/lyonjs100-jobs.ts b/data/lyonjs100-jobs.ts
@@ -1,70 +1,30 @@
-import { malt, zenika } from './sponsors';
+import { indy, malt, zenika } from './sponsors';
 import { kolecto, fulll, _365talents } from './lyonjs100-sponsors';
 import { Job } from '../modules/jobs/jobs.types';
 
 /** 3 jobs max per gold sponsors */
-const goldSponsorJobs: Array<Job> = [
-  {
-    title: 'Développeur Frontend',
-    url: 'https://www.google.com',
-    sponsor: malt,
-    type: 'CDI',
-    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec nisl',
-  },
-  {
-    title: 'Développeur Backend',
-    url: 'https://www.google.com',
-    sponsor: malt,
-    type: 'CDI',
-    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fus',
-  },
-  {
-    title: 'Développeur Backend',
-    url: 'https://www.google.com',
-    sponsor: malt,
-    type: 'CDI',
-    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fus',
-  },
-  {
-    title: 'Développeur Backend',
-    url: 'https://www.google.com',
-    sponsor: kolecto,
-    type: 'CDI',
-    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fus',
-  },
-  {
-    title: 'Développeur Backend',
-    url: 'https://www.google.com',
-    sponsor: kolecto,
-    type: 'CDI',
-    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fus',
-  },
-  {
-    title: 'Développeur Backend',
-    url: 'https://www.google.com',
-    sponsor: fulll,
-    type: 'CDI',
-    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fus',
-  },
-];
+const goldSponsorJobs: Array<Job> = [];
 
 /** 1 job max per silver sponsors */
 const silverSponsorJobs: Array<Job> = [
   {
-    title: 'Développeur Fullstack',
-    url: 'https://www.zenika.com',
-    sponsor: zenika,
+    title: 'Engineering Manager',
+    url: 'https://jobs.indy.fr/jobs/5370711-engineering-manager',
+    sponsor: indy,
     type: 'CDI',
-    description:
-      'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet error fuga illum perspiciatis possimus quam, quibusdam recusandae. Culpa dolores est facere ipsum minima molestias neque placeat quam quis. Accusantium, architecto.',
-  },
-  {
-    title: 'Développeur Fullstack',
-    url: 'https://www.zenika.com',
-    sponsor: _365talents,
-    type: 'Stage',
-    description:
-      'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet error fuga illum perspiciatis possimus quam, quibusdam recusandae. Culpa dolores est facere ipsum minima molestias neque placeat quam quis. Accusantium, architecto.',
+    description: `**Missions** :
+* Au sein de l'équipe Tech & Product d'Indy composée de 75 personnes réparties en 2 tribes avec dans chacunes d'elles 5-6 squads.
+* Pour rejoindre notre squad Tetris (dans la tribe premium) en charge de rendre hyper fluide et intuitif les déclarations fiscales de nos clients.
+* Rôle de Tech Lead dans une squad composée de 3 développeurs fullstack et d'1 Product Manager
+* A la fois de manager de l'équipe de développeurs et garant technique des développements de ta squad.
+
+**Profile** :
+  - Posture de servant-leader, l'équipe est la priorité. 
+  - Tu considères que le travail est bien fait quand ta squad se sent bien et est performante.
+  - Tu as évolué dans une entreprise customer-oriented et ton appétence pour le produit se traduit en solutions efficaces pour les utilisateurs.
+  - Tu es capable de faire monter en compétence ta squad sur le plan individuel et collectif.
+  - Tu as une légitimité technique grâce à tes connaissances en d’architecture, en test et sur des sujets DevOps ou Monitoring.
+  - Tu veux rester proche de l’opérationnel en participant à la delivery et aux code-reviews`,
   },
 ];
 

diff --git a/modules/jobs/ListOfJobs.module.css b/modules/jobs/ListOfJobs.module.css
@@ -19,6 +19,7 @@
     border-color 100ms;
   border: 1px solid transparent;
   max-width: 800px;
+  height: 100%;
 }
 
 .card:hover {
@@ -49,12 +50,23 @@
 }
 
 .description {
-  font-size: 1rem;
+  font-size: 0.9rem;
   align-self: flex-start;
   color: var(--white-0);
   min-height: 72px;
   margin-top: 2rem;
   margin-bottom: 1rem;
+  flex-grow: 1;
+}
+
+.description p,
+.description ul {
+  margin-bottom: 10px;
+}
+
+.description ul {
+  list-style: initial;
+  margin-left: 20px;
 }
 
 .header .logo {

diff --git a/modules/jobs/ListOfJobs.tsx b/modules/jobs/ListOfJobs.tsx
@@ -3,6 +3,9 @@ import styles from './ListOfJobs.module.css';
 import { H2 } from '../atoms/remark/Titles';
 import React from 'react';
 import { ButtonLink } from '../atoms/button/Button';
+import dynamic from 'next/dynamic';
+
+const ReactMarkdown = dynamic(() => import('react-markdown').then((module) => module.default));
 
 type Props = {
   jobs: Array<Job>;
@@ -20,7 +23,7 @@ export const ListOfJobs = ({ jobs }: Props) => {
                 <img className={styles.logo} src={job.sponsor.logo} alt={job.sponsor.name} />
               </div>
               <H2 className={styles.title}>{job.title}</H2>
-              <p className={styles.description}>{job.description}</p>
+              <ReactMarkdown className={styles.description}>{job.description}</ReactMarkdown>
               <img className={styles.logo} src={job.sponsor.logo} alt={job.sponsor.name} />
               <ButtonLink href={job.url} target="_blank" rel="noreferrer noopener" className={styles.participate}>
                 Voir l'annonce <span aria-hidden="true">&rarr;</span>