From 4054df4560c97912f0fb5eeeaaa08443d4d34339 Mon Sep 17 00:00:00 2001
From: Roland <roland@learningselfreliance.com>
Date: Mon, 14 Oct 2024 14:20:50 -0600
Subject: [PATCH] Adding ids for elements to use in e2e testing of
 SettingsPage.

---
 app/src/components/Nav.js            | 4 ++--
 app/src/components/admin/Settings.js | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/components/Nav.js b/app/src/components/Nav.js
index c1cf6fb3..22cddc68 100644
--- a/app/src/components/Nav.js
+++ b/app/src/components/Nav.js
@@ -104,7 +104,7 @@ export function NavBar() {
 
     return <>
         <Media at='mobile'>
-            <Menu {...i} attached='top' color={navColor}>
+            <Menu {...i} attached='top' color={navColor} id='global_navbar'>
                 {homeLink}
                 <Menu.Menu position='right'>
                     {icons}
@@ -117,7 +117,7 @@ export function NavBar() {
             </Menu>
         </Media>
         <Media greaterThanOrEqual='tablet'>
-            <Menu {...i} attached='top' color={navColor}>
+            <Menu {...i} attached='top' color={navColor} id='global_navbar'>
                 {homeLink}
                 {links.map(i => <MenuLink link={i} key={i.key}/>)}
 
diff --git a/app/src/components/admin/Settings.js b/app/src/components/admin/Settings.js
index c21bef0b..c409e511 100644
--- a/app/src/components/admin/Settings.js
+++ b/app/src/components/admin/Settings.js
@@ -388,6 +388,7 @@ export function SettingsPage() {
                 <ButtonGroup>
                     <Button color={state.nav_color} onClick={e => e.preventDefault()}>Navbar Color</Button>
                     <Dropdown
+                         id='settings_navbar_color_dropdown'
                         className='button icon'
                         floating
                         options={navColorOptions}
@@ -466,6 +467,7 @@ export function SettingsPage() {
                 <Divider/>
 
                 <APIButton
+                    id='settings_save_button'
                     color='violet'
                     size='big'
                     onClick={() => localSaveSettings(state)}