Displays committee role

1 files changed, 5 insertions, 0 deletions

diff --git a/src/pages/[locale]/index.astro b/src/pages/[locale]/index.astro
index cb38bc5..b47a045 100644
--- a/src/pages/[locale]/index.astro
+++ b/src/pages/[locale]/index.astro
@@ -3,12 +3,14 @@ import Page from '$layouts/Page.astro';
 import localeStaticPaths from '$lib/localeStaticPaths';
 import translate from '$i18n/translate';
 import tPage from '$i18n/translations/pages/home';
+import tRole from '$i18n/translations/enums/committeeRole';
 import type Locale from '$types/Locale';
 import { getMostRecentNewsItem } from '$lib/newsUtils';
 import contactDetails from '$data/contactDetails';
 import NewsIndex from '$components/NewsIndex/NewsIndex.astro';
 import committee from '$data/committee';
 import Button from '$components/Button.astro';
+import CommitteeRole from '$enums/CommitteeRole';
 
 export async function getStaticPaths() {
   return localeStaticPaths;
@@ -51,6 +53,9 @@ const mostRecentNewsItem = await getMostRecentNewsItem(locale);
             )}
             <div class="committee__member__text">
               <h4>{member.name}</h4>
+              <p class="italic">
+                {member.roles.map((role) => t(tRole, { key: CommitteeRole[role] })).join(', ')}
+              </p>
               {member.bio && <p set:html={member.bio[locale]} />}
             </div>
           </li>