From c2df3627f2affb189e41732cc19bfbbb7d722b30 Mon Sep 17 00:00:00 2001 From: Kess220 Date: Wed, 12 Feb 2025 16:06:05 -0300 Subject: [PATCH] hide-jobs-ands-dataops --- web/src/components/App.tsx | 92 +++++++++++++------------- web/src/components/sidenav/Sidenav.tsx | 71 ++++++++++---------- 2 files changed, 81 insertions(+), 82 deletions(-) diff --git a/web/src/components/App.tsx b/web/src/components/App.tsx index f7c1ad9f81..562e473b7b 100644 --- a/web/src/components/App.tsx +++ b/web/src/components/App.tsx @@ -1,52 +1,52 @@ -import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; -import { AuthProvider } from '../auth/AuthContext'; -import { Box, Container, CssBaseline } from '@mui/material'; -import { Helmet, HelmetProvider } from 'react-helmet-async'; -import { LocalizationProvider } from '@mui/x-date-pickers'; -import { NotFound } from '../routes/not-found/NotFound'; -import { PrivateRoute } from './PrivateRoute'; -import { Provider } from 'react-redux'; -import { ReduxRouter, createRouterMiddleware } from '@lagunovsky/redux-react-router'; -import { Route, Routes } from 'react-router-dom'; -import { StyledEngineProvider, ThemeProvider } from '@mui/material/styles'; -import { applyMiddleware, createStore } from 'redux'; -import { composeWithDevTools } from '@redux-devtools/extension'; -import { createBrowserHistory } from 'history'; -import { theme } from '../helpers/theme'; -import ColumnLevel from '../routes/column-level/ColumnLevel'; -import Dashboard from '../routes/dashboard/Dashboard'; -import Datasets from '../routes/datasets/Datasets'; -import ErrorBoundary from './ErrorBoundary'; -import Events from '../routes/events/Events'; -import Header from './header/Header'; -import Jobs from '../routes/jobs/Jobs'; -import Login from './Login'; -import LoginCallback from './LoginCallback'; -import React, { ReactElement } from 'react'; -import Sidenav from './sidenav/Sidenav'; -import TableLevel from '../routes/table-level/TableLevel'; -import Toast from './Toast'; -import createRootReducer from '../store/reducers'; -import createSagaMiddleware from 'redux-saga'; -import rootSaga from '../store/sagas'; -import GAInitializer from './GAInitializer'; +import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs' +import { AuthProvider } from '../auth/AuthContext' +import { Box, Container, CssBaseline } from '@mui/material' +import { Helmet, HelmetProvider } from 'react-helmet-async' +import { LocalizationProvider } from '@mui/x-date-pickers' +import { NotFound } from '../routes/not-found/NotFound' +import { PrivateRoute } from './PrivateRoute' +import { Provider } from 'react-redux' +import { ReduxRouter, createRouterMiddleware } from '@lagunovsky/redux-react-router' +import { Route, Routes } from 'react-router-dom' +import { StyledEngineProvider, ThemeProvider } from '@mui/material/styles' +import { applyMiddleware, createStore } from 'redux' +import { composeWithDevTools } from '@redux-devtools/extension' +import { createBrowserHistory } from 'history' +import { theme } from '../helpers/theme' +import ColumnLevel from '../routes/column-level/ColumnLevel' +// import Dashboard from '../routes/dashboard/Dashboard' +import Datasets from '../routes/datasets/Datasets' +import ErrorBoundary from './ErrorBoundary' +import Events from '../routes/events/Events' +import GAInitializer from './GAInitializer' +import Header from './header/Header' +// import Jobs from '../routes/jobs/Jobs' +import Login from './Login' +import LoginCallback from './LoginCallback' +import React, { ReactElement } from 'react' +import Sidenav from './sidenav/Sidenav' +import TableLevel from '../routes/table-level/TableLevel' +import Toast from './Toast' +import createRootReducer from '../store/reducers' +import createSagaMiddleware from 'redux-saga' +import rootSaga from '../store/sagas' const sagaMiddleware = createSagaMiddleware({ onError: (error, _sagaStackIgnored) => { - console.log('There was an error in the saga', error); + console.log('There was an error in the saga', error) }, -}); -const history = createBrowserHistory(); -const historyMiddleware = createRouterMiddleware(history); +}) +const history = createBrowserHistory() +const historyMiddleware = createRouterMiddleware(history) const store = createStore( createRootReducer(history), composeWithDevTools(applyMiddleware(sagaMiddleware, historyMiddleware)) -); +) -sagaMiddleware.run(rootSaga); +sagaMiddleware.run(rootSaga) -const TITLE = 'Nu Data Lineage'; +const TITLE = 'Nu Data Lineage' const App = (): ReactElement => { return ( @@ -79,22 +79,22 @@ const App = (): ReactElement => { } /> - } - /> - */} + {/* } - /> + /> */} { - ); -}; + ) +} -export default App; \ No newline at end of file +export default App diff --git a/web/src/components/sidenav/Sidenav.tsx b/web/src/components/sidenav/Sidenav.tsx index 871130f36d..e662a0827f 100644 --- a/web/src/components/sidenav/Sidenav.tsx +++ b/web/src/components/sidenav/Sidenav.tsx @@ -1,38 +1,37 @@ -import React from 'react'; -import SVG from 'react-inlinesvg'; -import { Link, useLocation } from 'react-router-dom'; -import Box from '@mui/material/Box'; -import { DRAWER_WIDTH, HEADER_HEIGHT } from '../../helpers/theme'; -import { Divider, Drawer, createTheme } from '@mui/material'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faCogs, faDatabase } from '@fortawesome/free-solid-svg-icons'; -import MqIconButton from '../core/icon-button/MqIconButton'; -import '../../i18n/config'; -import { FormControl, MenuItem, Select } from '@mui/material'; -import { MqInputNoIcon } from '../core/input-base/MqInputBase'; -import { useTheme } from '@emotion/react'; -import { Dashboard } from '@mui/icons-material'; -import { PrivateRoute } from '../PrivateRoute'; -import HelpCenterIcon from '@mui/icons-material/HelpCenter'; -import SupportAgentIcon from '@mui/icons-material/SupportAgent'; -import iconSearchArrow from '../../img/iconSearchArrow.svg'; -import nu_logo from './logoNu.svg'; -import { trackEvent } from '../ga4'; +import '../../i18n/config' +import { DRAWER_WIDTH, HEADER_HEIGHT } from '../../helpers/theme' +import { Divider, Drawer, createTheme } from '@mui/material' +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { FormControl, MenuItem, Select } from '@mui/material' +import { Link, useLocation } from 'react-router-dom' +import { MqInputNoIcon } from '../core/input-base/MqInputBase' +import { PrivateRoute } from '../PrivateRoute' +import { faDatabase } from '@fortawesome/free-solid-svg-icons' +import { trackEvent } from '../ga4' +import { useTheme } from '@emotion/react' +import Box from '@mui/material/Box' +import HelpCenterIcon from '@mui/icons-material/HelpCenter' +import MqIconButton from '../core/icon-button/MqIconButton' +import React from 'react' +import SVG from 'react-inlinesvg' +import SupportAgentIcon from '@mui/icons-material/SupportAgent' +import iconSearchArrow from '../../img/iconSearchArrow.svg' +import nu_logo from './logoNu.svg' interface SidenavProps {} const Sidenav: React.FC = () => { - const i18next = require('i18next'); + const i18next = require('i18next') const changeLanguage = (lng: string) => { - i18next.changeLanguage(lng); - }; - const theme = createTheme(useTheme()); + i18next.changeLanguage(lng) + } + const theme = createTheme(useTheme()) - const location = useLocation(); + const location = useLocation() const handleNavClick = (category: string, action: string) => { - trackEvent(category, action); - }; + trackEvent(category, action) + } return ( @@ -92,7 +91,7 @@ const Sidenav: React.FC = () => { > - = () => { onClick={() => handleNavClick('Sidenav', 'Jobs Clicked')} > - + */} = () => { > - = () => { onClick={() => handleNavClick('Sidenav', 'Dashboard Clicked')} > - + */} = () => { fullWidth value={i18next.resolvedLanguage} onChange={(event) => { - changeLanguage(event.target.value as string); - window.location.reload(); + changeLanguage(event.target.value as string) + window.location.reload() }} input={} > @@ -188,7 +187,7 @@ const Sidenav: React.FC = () => { - ); -}; + ) +} -export default Sidenav; \ No newline at end of file +export default Sidenav