From 3bc61e5f0364abbb4d2badbc3ade5b4e37bd0f23 Mon Sep 17 00:00:00 2001
From: Anil Natha <Anil.Natha@jpl.nasa.gov>
Date: Mon, 12 Aug 2024 13:44:25 -0700
Subject: [PATCH] Commented out route and links related to viewing job
 monitoring dashboard.  Also renamed and moved CSS class needed by Health
 Dashboard to _Grid.scss file and updated references to CSS class.

---
 src/Root.tsx                          | 6 +++---
 src/components/Navbar/index.tsx       | 8 ++++----
 src/routes/health-dashboard/index.tsx | 2 +-
 src/routes/jobs/monitoring/index.css  | 7 -------
 src/routes/jobs/monitoring/index.tsx  | 2 +-
 src/styles/components/_Grid.scss      | 8 ++++++++
 6 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/Root.tsx b/src/Root.tsx
index 250c0f5..a5b6338 100644
--- a/src/Root.tsx
+++ b/src/Root.tsx
@@ -5,7 +5,7 @@ import {
 
 import Home from "./routes/home";
 import HealthDashboard from "./routes/health-dashboard";
-import JobMonitoring from "./routes/jobs/monitoring";
+//import JobMonitoring from "./routes/jobs/monitoring";
 //import NewJob from "./routes/jobs/new";
 
 import Navbar from "./components/Navbar"
@@ -71,9 +71,9 @@ function Root() {
               }
               {/*<Route path="/applications/catalog" element={<WebView url={Config.ads.url} />} />*/}
               <Route path="/health-dashboard" element={<HealthDashboard />} />
-              <Route path="/jobs/monitoring" element={<JobMonitoring />} />
+              {/*<Route path="/jobs/monitoring" element={<JobMonitoring />} />
               <Route path="/jobs/monitoring/:jobid_param" element={<JobMonitoring />} />
-              {/*<Route path="/jobs/new" element={<NewJob />} />*/}
+              <Route path="/jobs/new" element={<NewJob />} />*/}
               {
                 /* Add routes for job execution forms */
                 processes.map( (item) => {
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 08520f0..93de799 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -77,10 +77,10 @@ export default function Navbar() {
                         <MenuItem>
                            <NavLink to="/">Home</NavLink>
                         </MenuItem>
+                        {/* <MenuItem>
                         <MenuItem>
                            <NavLink to="/jobs/monitoring">Job Monitoring</NavLink>
                         </MenuItem>
-                        {/* <MenuItem>
                            <NavLink to="/jobs/new">Create New Job</NavLink>
                         </MenuItem> */}
                         <MenuItem>
@@ -148,10 +148,10 @@ export default function Navbar() {
                         <MenuItem>
                            <NavLink to="/">Home</NavLink>
                         </MenuItem>
+                        {/* <MenuItem>
                         <MenuItem>
                            <NavLink to="/jobs/monitoring">Job Monitoring</NavLink>
                         </MenuItem>
-                        {/* <MenuItem>
                            <NavLink to="/jobs/new">Create New Job</NavLink>
                         </MenuItem> */}
                         <MenuItem>
@@ -219,8 +219,8 @@ export default function Navbar() {
             </NavbarBreakpoint>
             <NavbarMobileMenu>
                <NavLink to="/" className="st-react-navbar-link"><IconHome />{' '}Home</NavLink>
-               <NavLink to="/jobs/monitoring" className="st-react-navbar-link">{' '}Job Monitoring</NavLink>
-               {/* <NavLink to="/jobs/new" className="st-react-navbar-link">{' '}Create New Job</NavLink> */}
+               {/*<NavLink to="/jobs/monitoring" className="st-react-navbar-link">{' '}Job Monitoring</NavLink>
+                <NavLink to="/jobs/new" className="st-react-navbar-link">{' '}Create New Job</NavLink> */}
                <NavLink to="/health-dashboard" className="st-react-navbar-link">{' '}Health Dashboard</NavLink>
                {
                  healthState.items.map( (service, index) => {
diff --git a/src/routes/health-dashboard/index.tsx b/src/routes/health-dashboard/index.tsx
index 7770f85..9a9dc68 100644
--- a/src/routes/health-dashboard/index.tsx
+++ b/src/routes/health-dashboard/index.tsx
@@ -97,7 +97,7 @@ function HealthDashboard() {
       <DocumentMeta title="Health Dashboard" description="Health Dashboard" />
       <div className="main-view">
         <h1>Health Dashboard</h1>
-        <div className="ag-theme-stellar data-grid-container">
+        <div className="ag-theme-stellar unity-aggrid-container">
           <AgGridReact
             rowData={healthState.items} // Row Data for Rows
             columnDefs={columnDefs} // Column Defs for Columns
diff --git a/src/routes/jobs/monitoring/index.css b/src/routes/jobs/monitoring/index.css
index 88af009..cd17286 100644
--- a/src/routes/jobs/monitoring/index.css
+++ b/src/routes/jobs/monitoring/index.css
@@ -1,10 +1,3 @@
-.data-grid-container {
-   width: 100%;
-   height: 500px;
-   padding-top: 24px;
-   overflow: hidden;
-}
-
 .job-detail-item {
    padding-bottom: 8px;
    word-wrap: break-word;
diff --git a/src/routes/jobs/monitoring/index.tsx b/src/routes/jobs/monitoring/index.tsx
index 18baef5..9b4c3b7 100644
--- a/src/routes/jobs/monitoring/index.tsx
+++ b/src/routes/jobs/monitoring/index.tsx
@@ -157,7 +157,7 @@ function JobMonitoring() {
                <div className='button-bar'>
                   <Button onClick={() => navigate("/jobs/new")}>Run New Job</Button>
                </div>
-               <div className="ag-theme-stellar data-grid-container">
+               <div className="ag-theme-stellar unity-aggrid-container">
                   <AgGridReact
                      rowData={rowData} // Row Data for Rows
                      columnDefs={columnDefs} // Column Defs for Columns
diff --git a/src/styles/components/_Grid.scss b/src/styles/components/_Grid.scss
index d4afed9..4fe602c 100644
--- a/src/styles/components/_Grid.scss
+++ b/src/styles/components/_Grid.scss
@@ -1,3 +1,11 @@
+
+.unity-aggrid-container {
+  width: 100%;
+  height: 500px;
+  padding-top: 24px;
+  overflow: hidden;
+}
+
 .unity-aggrid-health-status {
   display: flex;
   justify-content: space-between;