From 84ab60d8750a160ede6c084d89aacaf00315d115 Mon Sep 17 00:00:00 2001
From: Jesse <144274309+jguerrero35@users.noreply.github.com>
Date: Tue, 20 Feb 2024 21:06:34 -0500
Subject: [PATCH] added comments

---
 src/app/components/StateRoute/StateRoute.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/components/StateRoute/StateRoute.tsx b/src/app/components/StateRoute/StateRoute.tsx
index dba6e2726..46ae950bf 100644
--- a/src/app/components/StateRoute/StateRoute.tsx
+++ b/src/app/components/StateRoute/StateRoute.tsx
@@ -40,6 +40,8 @@ const StateRoute = (props: StateRouteProps) => {
   const hierarchy = propsHierarchy || tabsHierarchy;
   const viewIndex = propsViewIndex || tabsViewIndex;
 
+
+  // lines 45 - 63 contains functionality to disable the accessibility features in Reactime.
   const dispatch = useDispatch();
   const [showTree, setShowTree] = useState(false);
   const [selectedValue, setSelectedValue] = useState('disable');
@@ -122,6 +124,8 @@ const StateRoute = (props: StateRouteProps) => {
           <Route
             path='/accessibility'
             element={
+              // showTree is initially set to a falsely value, therefore, lines 155 - 189 is executed first. Once showTree is set to truthy by clicking the enable button, lines 129 - 154 is executed
+              // state is a key component here in order to update the accessibility tree 
               showTree ? (
                 <div>
                      <input
@@ -269,3 +273,4 @@ const StateRoute = (props: StateRouteProps) => {
 };
 
 export default StateRoute;
+