Merge pull request #1387 from alliance-genome/KANBAN-619

KANBAN-619 Add Event Calendar page to New Menu
alliance-genome · Dec 26, 2024 · 7c9a277 · 7c9a277
2 parents 6bc1817 + 205e5f1
commit 7c9a277
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/bin/build_sitemap.js b/bin/build_sitemap.js
@@ -26,7 +26,8 @@ var sitemap = sm.createSitemap({
     { url: '/administrative-supplement',    changefreq: 'monthly', priority: 0.7, lastmodrealtime: true },
     { url: '/phenotypes-and-disease-models',    changefreq: 'monthly', priority: 0.7, lastmodrealtime: true },
     { url: '/submit-data',    changefreq: 'monthly', priority: 0.7, lastmodrealtime: true },
-    { url: '/textpresso',    changefreq: 'monthly', priority: 0.7, lastmodrealtime: true }
+    { url: '/textpresso',    changefreq: 'monthly', priority: 0.7, lastmodrealtime: true },
+    { url: '/event-calendar',    changefreq: 'monthly', priority: 0.7, lastmodrealtime: true }
   ]
 });
 

diff --git a/src/constants.js b/src/constants.js
@@ -166,6 +166,10 @@ export const NAV_MENU = [
       {
         label: 'Release Notes',
         route: '/release-notes'
+      },
+      {
+        label: 'Event Calendar',
+        route: '/event-calendar'
       }
     ]
   },

diff --git a/src/containers/homepage/AboutSection.js b/src/containers/homepage/AboutSection.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import WordpressInject from '../wordpress/wordpressInject';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faComments } from '@fortawesome/free-solid-svg-icons';
+import { faComments, faCalendarDays } from '@fortawesome/free-solid-svg-icons';
 
 import style from './style.module.scss';
 
@@ -13,6 +13,22 @@ const AboutSection = () => {
           <div className='col-lg-12'>
             <WordpressInject  slug='agr-summary-homepage' />
           </div>
+          <div className='col-md-4'>
+            <a
+              className='text-decoration-none'
+              href='/event-calendar'
+              rel="noopener noreferrer"
+            >
+              <div className='alert alert-secondary'>
+                <h4 className='alert-heading'>
+                  <FontAwesomeIcon icon={faCalendarDays} /> Watch Live Events
+                </h4>
+                <p>
+                  Register for scheduled webinars and view previous recorded Alliance events.
+                </p>
+              </div>
+            </a>
+          </div>
           <div className='col-md-4'>
             <a
               className='text-decoration-none'
@@ -25,7 +41,7 @@ const AboutSection = () => {
                   <FontAwesomeIcon icon={faComments} /> Join the Alliance User Community
                 </h4>
                 <p>
-                  Click here to access official announcements, ask questions, and view discussions with other members of the Alliance Community.
+                  Access official announcements, ask questions, and view discussions with other members of the Alliance Community.
                 </p>
                 <p className='mb-0'>
                   Join today to stay up-to-date.