From ff68aceb05f8452dddc56226851f752bc2991b53 Mon Sep 17 00:00:00 2001
From: Thomas Davis <thomasalwyndavis@gmail.com>
Date: Sat, 19 Oct 2024 03:13:03 +1100
Subject: [PATCH] added volunteer section to professional theme

---
 .../src/ui/Resume.js                          |  2 ++
 .../src/ui/Volunteer.js                       | 30 +++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 packages/jsonresume-theme-professional/src/ui/Volunteer.js

diff --git a/packages/jsonresume-theme-professional/src/ui/Resume.js b/packages/jsonresume-theme-professional/src/ui/Resume.js
index 0d582b9a..0d5ff054 100644
--- a/packages/jsonresume-theme-professional/src/ui/Resume.js
+++ b/packages/jsonresume-theme-professional/src/ui/Resume.js
@@ -11,6 +11,7 @@ import Skills from './Skills';
 import Interests from './Interests';
 import Languages from './Languages';
 import References from './References';
+import Volunteer from './Volunteer';
 
 const Layout = styled.div`
   max-width: 660px;
@@ -27,6 +28,7 @@ const Resume = ({ resume }) => {
       <Education education={resume.education} />
       <Work work={resume.work} />
       <Projects projects={resume.projects} />
+      <Volunteer volunteer={resume.volunteer} />
       <Certificates certificates={resume.certificates} />
       <Publications publications={resume.publications} />
       <Awards awards={resume.awards} />
diff --git a/packages/jsonresume-theme-professional/src/ui/Volunteer.js b/packages/jsonresume-theme-professional/src/ui/Volunteer.js
new file mode 100644
index 00000000..81d6867e
--- /dev/null
+++ b/packages/jsonresume-theme-professional/src/ui/Volunteer.js
@@ -0,0 +1,30 @@
+import Section from './Section';
+import Experience from './Experience';
+
+const Volunteer = ({ volunteer }) => {
+  if (!volunteer) {
+    return null;
+  }
+
+  return (
+    <div>
+      <Section title="Volunteer">
+        {volunteer.map((w, key) => {
+          return (
+            <Experience
+              title={w.position}
+              subTitle={w.organization}
+              startDate={w.startDate}
+              endDate={w.endDate}
+              summary={w.summary}
+              highlights={w.highlights}
+              key={key}
+            />
+          );
+        })}
+      </Section>
+    </div>
+  );
+};
+
+export default Volunteer;