added volunteer section to professional theme

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} />

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;