From 1760ea19776afb02bdd53798faf60fba235d2159 Mon Sep 17 00:00:00 2001
From: PA4KEV <kevin.vd.vleuten@gmail.com>
Date: Sat, 17 Feb 2024 21:24:04 +0100
Subject: [PATCH] Convert fielddays to own component with breadcrumbs

---
 src/App.js                            |  5 ++---
 src/Pages/Radio/fielddays/fieldday.js | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 src/Pages/Radio/fielddays/fieldday.js

diff --git a/src/App.js b/src/App.js
index da3fefb..6d019f0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -30,8 +30,7 @@ import Books from './Pages/Books/Books';
 import booksdata from './Pages/Books/books.json'
 
 import RadioMain from './Pages/Radio/RadioMain';
-
-import MarkdownPage from './Pages/markdownPage';
+import Fieldday from './Pages/Radio/fielddays/fieldday';
 
 import Linux from './Pages/Linux/Linux';
 import Footer from './UI/Footer';
@@ -115,7 +114,7 @@ function App() {
     return dates.map(date => {
       const path = `/${lang}/radio/fielddays/${date}`;
       const mdPath = `Radio/fielddays/${lang}/${date}.md`;
-      return <Route key={`${lang}-${date}`} exact path={path} element={<article className="main-page"><MarkdownPage md={mdPath} /></article>} />;
+      return <Route key={`${lang}-${date}`} exact path={path} element={<Fieldday mdPath={mdPath} />} />;
     });
   }).flat();
 
diff --git a/src/Pages/Radio/fielddays/fieldday.js b/src/Pages/Radio/fielddays/fieldday.js
new file mode 100644
index 0000000..b22c4d6
--- /dev/null
+++ b/src/Pages/Radio/fielddays/fieldday.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import Breadcrumbs from '../../../UI/Breadcrumbs'
+import MarkdownPage from '../../markdownPage'
+
+const Fieldday = ({ mdPath }) => {
+    return (
+        <article className='main-page'>
+            <Breadcrumbs separator=' > ' path="radio">
+                {['radio']}
+            </Breadcrumbs>
+            <MarkdownPage md={mdPath} />
+        </article>
+    )
+}
+
+export default Fieldday;
\ No newline at end of file