Chargement des détails de l'offre...
; + return ( +
-
+ Erreur : {error}
- Retour à la recherche -
-
- );
- }
+ if (!job) {
+ return (
+ Aucun détail d'offre disponible.
- Retour à la recherche -
-
- ← Retour à la recherche
-
-
+ }
+ variant="outlined" // Style de bouton 'outlined' comme dans Notion
+ sx={{ mb: 3 }} // Marge en bas
+ >
+ Retour à la recherche d'offres
+
-
+
+ {job.title}
+
+
+ Entreprise : {job.companyName || 'N/A'}
+
+
+ Localisation : {job.locationLabel || job.cityName || 'N/A'}
+
+
+ Contrat : {job.contractLabel || job.contractType || 'N/A'}
+
+
+ Publiée le : {new Date(job.publicationDate).toLocaleDateString()}
+
+ {job.romeLabel && (
+
+ ROME : {job.romeLabel}
+
+ )}
+ {job.postalCode && (
+
+ Code postal : {job.postalCode}
+
+ )}
+ {job.departmentCode && (
+
+ Département : {job.departmentCode}
+
+ )}
- {/* Bouton "Postuler" - s'affiche uniquement si job.urlOffre existe */}
- {job.urlOffre && (
-
- );
- };
+
+
+ )}
+
+
+ );
+};
- export default JobDetail;
+export default JobDetail;
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
new file mode 100644
index 0000000..1169bdd
--- /dev/null
+++ b/frontend/src/components/Navbar.tsx
@@ -0,0 +1,33 @@
+// job/frontend/src/components/Navbar.tsx
+import React from 'react';
+import { Link } from 'react-router-dom';
+import AppBar from '@mui/material/AppBar';
+import Toolbar from '@mui/material/Toolbar';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+
+const Navbar: React.FC = () => {
+ return (
+ {job.title}
-- Entreprise : {job.companyName || 'Non spécifié'} -
-- Localisation : {job.locationLabel || job.cityName || 'Non spécifié'} -
-- Type de contrat : {job.contractLabel || job.contractType || 'Non spécifié'} -
-- Date de publication : {new Date(job.publicationDate).toLocaleDateString('fr-FR')} -
- {job.romeLabel &&Code ROME : {job.romeLabel}
} - {job.postalCode &&Code postal : {job.postalCode}
} - {job.departmentCode &&Département : {job.departmentCode}
} + return ( +Description
-{job.description}
+
{/* Si vous avez un logo */}
+ JobFinder
+ -
+ {/* Lien vers la page de recherche */}
+