refactor: extracted dashboard to separate package

src/main/frontend/src/Home.js

@@ -19,7 +19,8 @@ import {DeploymentsCard} from './deployments';
 import {EventsList} from './events';
 import {NodesCard} from './nodes';
 import pods from './pods';
-import {DashboardPage, FilterBar} from './components';
+import {FilterBar} from './components';
+import {DashboardPage} from './dashboard';
 import {useUiNamespace} from './redux';
 
 const cardResponsiveClass = 'w-full sm:w-1/2 md:w-1/3';

src/main/frontend/src/clusterrolebindings/ClusterRoleBindingsPage.js

@@ -15,7 +15,7 @@
  *
  */
 import React from 'react';
-import {DashboardPage} from '../components';
+import {DashboardPage} from '../dashboard';
 import {List} from './';
 
 export const ClusterRoleBindingsPage = () => (

src/main/frontend/src/clusterroles/ClusterRolesPage.js

@@ -15,7 +15,7 @@
  *
  */
 import React from 'react';
-import {DashboardPage} from '../components';
+import {DashboardPage} from '../dashboard';
 import {ClusterRolesList} from './';
 
 export const ClusterRolesPage = () => (

src/main/frontend/src/components/ResourceDetailPage.js

@@ -18,7 +18,8 @@ import React from 'react';
 import {useNavigate} from 'react-router-dom';
 import YAML from 'yaml';
 import {name, namespace} from '../metadata';
-import {Card, DashboardPage, Icon, Link, PopupMenu} from './';
+import {Card, Icon, Link, PopupMenu} from './';
+import {DashboardPage} from '../dashboard';
 
 const downloadResource = resource => {
   const mimeType = 'text/yaml';

src/main/frontend/src/components/editor/ResourceEditPage.js

@@ -22,16 +22,8 @@ import {
   name as metadataName,
   namespace as metadataNamespace
 } from '../../metadata';
-import {
-  useEditor,
-  Alert,
-  Card,
-  DashboardPage,
-  Icon,
-  Link,
-  YamlEditor,
-  Spinner
-} from '../';
+import {useEditor, Alert, Card, Icon, Link, YamlEditor, Spinner} from '../';
+import {DashboardPage} from '../../dashboard';
 
 export const ResourceEditPage = ({
   kind,

src/main/frontend/src/components/index.js

@@ -36,4 +36,3 @@ export {Table} from './Table';
 export {Tag} from './Tag';
 export {Textfield} from './Textfield';
 export {Tooltip} from './Tooltip';
-export {DashboardPage} from './dashboard';

src/main/frontend/src/configmaps/ConfigMapsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 import {ConfigMapsList} from './';
 

src/main/frontend/src/cronjobs/CronJobsDetailPage.js

@@ -16,14 +16,8 @@
  */
 import React from 'react';
 import {connect} from 'react-redux';
-import {
-  Card,
-  DashboardPage,
-  Form,
-  Icon,
-  Link,
-  ResourceDetailPage
-} from '../components';
+import {Card, Form, Icon, Link, ResourceDetailPage} from '../components';
+import {DashboardPage} from '../dashboard';
 import {withParams} from '../router';
 import {Details, namespace, uid} from '../metadata';
 import {api, selectors} from './';

src/main/frontend/src/cronjobs/CronJobsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {CronJobsList} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/customresourcedefinitions/CustomResourceDefinitionsPage.js

@@ -16,7 +16,8 @@
  */
 import React from 'react';
 import {useLocation} from 'react-router-dom';
-import {DashboardPage, Link} from '../components';
+import {Link} from '../components';
+import {DashboardPage} from '../dashboard';
 import {CustomResourceDefinitionsList} from './';
 
 export const CustomResourceDefinitionsPage = () => {

src/main/frontend/src/customresourcedefinitions/DashboardPageTitle.js

@@ -15,7 +15,7 @@
  *
  */
 import React from 'react';
-import {DashboardPage} from '../components';
+import {DashboardPage} from '../dashboard';
 import {name} from '../metadata';
 import {GroupLink} from './';
 

src/main/frontend/src/daemonsets/DaemonSetsPage.js

@@ -16,7 +16,8 @@
  */
 import React from 'react';
 import {DaemonSetsList} from './';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 
 export const DaemonSetsPage = () => {

src/main/frontend/src/components/dashboard/DashboardPage.js → src/main/frontend/src/dashboard/DashboardPage.js

@@ -16,12 +16,12 @@
  */
 import React, {useState} from 'react';
 import {shallowEqual, useDispatch, useSelector} from 'react-redux';
-import {clearError} from '../../redux';
-import * as apis from '../../apis';
-import i from '../icons';
-import {name as metadataName} from '../../metadata';
-import {selectors as nodeSelectors} from '../../nodes';
-import {Alert, Icon, Link, Tooltip} from '../';
+import {clearError} from '../redux';
+import * as apis from '../apis';
+import i from '../components/icons';
+import {name as metadataName} from '../metadata';
+import {selectors as nodeSelectors} from '../nodes';
+import {Alert, Icon, Link, Tooltip} from '../components';
 import {NewResource, NewResourceButton, SideBar} from './';
 
 const OfflineIcon = () => (

src/main/frontend/src/components/dashboard/NewResource.js → src/main/frontend/src/dashboard/NewResource.js

@@ -17,9 +17,9 @@
 import React, {useState, useEffect} from 'react';
 import {connect} from 'react-redux';
 import {bindActionCreators} from 'redux';
-import {uiSetCreatingNewResource} from '../../redux';
-import {createResource} from '../../fetch';
-import {ResourceEditModal} from '../';
+import {uiSetCreatingNewResource} from '../redux';
+import {createResource} from '../fetch';
+import {ResourceEditModal} from '../components';
 
 const mapStateToProps = ({ui: {creatingNewResource}}) => ({
   creatingNewResource

src/main/frontend/src/components/dashboard/NewResourceButton.js → src/main/frontend/src/dashboard/NewResourceButton.js

@@ -17,8 +17,8 @@
 import React from 'react';
 import {connect} from 'react-redux';
 import {bindActionCreators} from 'redux';
-import {uiSetCreatingNewResource} from '../../redux';
-import {Icon, Link} from '../';
+import {uiSetCreatingNewResource} from '../redux';
+import {Icon, Link} from '../components';
 
 export const NewResourceButton = connect(undefined, dispatch =>
   bindActionCreators(

src/main/frontend/src/components/dashboard/SideBar.js → src/main/frontend/src/dashboard/SideBar.js

@@ -17,11 +17,11 @@
 import React, {useRef, useLayoutEffect} from 'react';
 import {connect} from 'react-redux';
 import {useMatch} from 'react-router-dom';
-import * as apis from '../../apis';
-import i from '../../components/icons';
-import {useUiSidebar} from '../../redux';
-import * as crd from '../../customresourcedefinitions';
-import {Icon, Link} from '../../components';
+import * as apis from '../apis';
+import i from '../components/icons';
+import {useUiSidebar} from '../redux';
+import * as crd from '../customresourcedefinitions';
+import {Icon, Link} from '../components';
 
 import './SideBar.css';
 

src/main/frontend/src/deploymentconfigs/DeploymentConfigsPage.js

@@ -16,7 +16,8 @@
  */
 import React from 'react';
 import {DeploymentConfigsList} from './';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 
 export const DeploymentConfigsPage = () => {

src/main/frontend/src/deployments/DeploymentsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {DeploymentsCard, DeploymentsList} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/endpoints/EndpointsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {List} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/horizontalpodautoscalers/HorizontalPodAutoscalersPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {HorizontalPodAutoscalersList} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/ingresses/IngressesPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {IngressesList} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/jobs/JobsDetailPage.js

@@ -21,7 +21,8 @@ import {Details, namespace, uid} from '../metadata';
 import {api, selectors} from './';
 import {ContainerList} from '../containers';
 import pods from '../pods';
-import {Card, DashboardPage, Form, ResourceDetailPage} from '../components';
+import {Card, Form, ResourceDetailPage} from '../components';
+import {DashboardPage} from '../dashboard';
 
 const mapStateToProps = ({jobs}) => ({
   jobs

src/main/frontend/src/jobs/JobsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {JobsList} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/namespaces/NamespacesPage.js

@@ -15,7 +15,7 @@
  *
  */
 import React from 'react';
-import {DashboardPage} from '../components';
+import {DashboardPage} from '../dashboard';
 import {NamespacesList} from './';
 
 export const NamespacesPage = () => (

src/main/frontend/src/nodes/NodesPage.js

@@ -15,7 +15,7 @@
  *
  */
 import React from 'react';
-import {DashboardPage} from '../components/';
+import {DashboardPage} from '../dashboard';
 import {NodesCard, NodesList} from './';
 
 export const NodesPage = () => (

src/main/frontend/src/persistentvolumeclaims/PersistentVolumeClaimsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 import {PersistentVolumeClaimsList} from './';
 

src/main/frontend/src/persistentvolumes/PersistentVolumesPage.js

@@ -15,7 +15,7 @@
  *
  */
 import React from 'react';
-import {DashboardPage} from '../components';
+import {DashboardPage} from '../dashboard';
 import {PersistentVolumesList} from './';
 
 export const PersistentVolumesPage = () => (

src/main/frontend/src/pods/PodsExecPage.js

@@ -20,7 +20,8 @@ import {withParams} from '../router';
 import {name, namespace} from '../metadata';
 import {ContainerDropdown} from '../containers';
 import p from './index';
-import {Card, DashboardPage, Link} from '../components';
+import {Card, Link} from '../components';
+import {DashboardPage} from '../dashboard';
 
 import 'xterm/css/xterm.css';
 

src/main/frontend/src/pods/PodsLogsPage.js

@@ -23,7 +23,8 @@ import {withParams} from '../router';
 import {name, namespace} from '../metadata';
 import {ContainerDropdown} from '../containers';
 import p from '../pods';
-import {Card, DashboardPage, Icon, Link, Switch} from '../components';
+import {Card, Icon, Link, Switch} from '../components';
+import {DashboardPage} from '../dashboard';
 
 import './PodsLogsPage.css';
 

src/main/frontend/src/pods/PodsPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import pods from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/replicationcontrollers/ReplicationControllersPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {ReplicationControllersList} from './';
 import {useUiNamespace} from '../redux';
 

src/main/frontend/src/roles/RolesPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 import {RolesList} from './';
 

src/main/frontend/src/routes/RoutesPage.js

@@ -16,7 +16,8 @@
  */
 import React from 'react';
 import {useUiNamespace} from '../redux';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {RoutesList} from './';
 
 export const RoutesPage = () => {

src/main/frontend/src/search/SearchPage.js

@@ -42,7 +42,8 @@ import {ReplicaSetsList} from '../replicasets';
 import {ReplicationControllersList} from '../replicationcontrollers';
 import {RolesList} from '../roles';
 import {RoutesList} from '../routes';
-import {Card, DashboardPage, FilterBar, Textfield} from '../components';
+import {Card, FilterBar, Textfield} from '../components';
+import {DashboardPage} from '../dashboard';
 
 const Instructions = () => (
   <Card>

src/main/frontend/src/secrets/SecretsPage.js

@@ -16,7 +16,8 @@
  */
 import React from 'react';
 import {SecretsList} from './';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 
 export const SecretsPage = () => {

src/main/frontend/src/serviceaccounts/ServiceAccountsPage.js

@@ -16,7 +16,8 @@
  */
 import React from 'react';
 import {ServiceAccountsList} from './';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {useUiNamespace} from '../redux';
 
 export const ServiceAccountsPage = () => {

src/main/frontend/src/services/ServicesPage.js

@@ -15,7 +15,8 @@
  *
  */
 import React from 'react';
-import {DashboardPage, FilterBar} from '../components';
+import {FilterBar} from '../components';
+import {DashboardPage} from '../dashboard';
 import {ServicesList} from './';
 import {useUiNamespace} from '../redux';