refactor: Table uses named exports

src/main/frontend/src/clusterrolebindings/List.js

@@ -24,9 +24,8 @@ import {
   uid
 } from '../metadata';
 import {api, selectors} from './';
-import {Age, Icon, Link} from '../components';
+import {Age, Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span key='name'>

src/main/frontend/src/clusterroles/List.js

@@ -22,9 +22,8 @@ import {
   uid
 } from '../metadata';
 import {api} from './';
-import {Age, Icon, Link} from '../components';
+import {Age, Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span key='name'>

src/main/frontend/src/clusterroles/RuleList.js

@@ -16,7 +16,7 @@
  */
 import React from 'react';
 import {selectors} from './';
-import Table from '../components/Table';
+import {Table} from '../components';
 
 const headers = [
   'Resources',

src/main/frontend/src/components/ResourceList.js

@@ -18,7 +18,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import {bindActionCreators} from 'redux';
 import {crudDelete, resourcesBy} from '../redux';
-import Table from './Table';
+import {Table} from './';
 
 const Content = ({headers, resources, loading, children}) => {
   if (resources?.length > 0) {

src/main/frontend/src/components/Table.js

@@ -18,7 +18,7 @@ import React from 'react';
 import {deletionTimestamp} from '../metadata';
 import {Card, Icon, Link, Spinner} from './';
 
-const Table = ({title, titleVariant, className, children, ...props}) => (
+export const Table = ({title, titleVariant, className, children, ...props}) => (
   <Card className={className} {...props}>
     {title && <Card.Title titleVariant={titleVariant}>{title}</Card.Title>}
     <table className='min-w-full'>{children}</table>
@@ -108,5 +108,3 @@ Table.DeleteButton = ({...props}) => (
     {...props}
   />
 );
-
-export default Table;

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

@@ -31,6 +31,7 @@ export {ResourceDetailPage} from './ResourceDetailPage';
 export {Spinner} from './Spinner';
 export {StatusCard} from './StatusCard';
 export {Switch} from './Switch';
+export {Table} from './Table';
 export {Tag} from './Tag';
 export {Textfield} from './Textfield';
 export {Tooltip} from './Tooltip';

src/main/frontend/src/configmaps/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/containers/ContainerList.js

@@ -16,8 +16,7 @@
  */
 import React from 'react';
 import {bytesToHumanReadable} from '../metrics';
-import {Icon} from '../components';
-import Table from '../components/Table';
+import {Icon, Table} from '../components';
 
 const containerHeaders = [
   <span key='name'>

src/main/frontend/src/cronjobs/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/customresourcedefinitions/List.js

@@ -18,9 +18,8 @@ import React from 'react';
 import {connect} from 'react-redux';
 import {name, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors, GroupLink} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/customresources/List.js

@@ -21,9 +21,8 @@ import {crudDelete} from '../redux';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
 import {selectors as crdSelectors} from '../customresourcedefinitions';
-import {Icon, Link, ResourceEditModal} from '../components';
+import {Icon, Link, ResourceEditModal, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = customResourceDefinition => {
   const ret = [

src/main/frontend/src/daemonsets/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/deploymentconfigs/List.js

@@ -19,9 +19,8 @@ import {connect} from 'react-redux';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import dc from './';
 import {resourcesBy} from '../redux';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/deployments/List.js

@@ -19,9 +19,8 @@ import {connect} from 'react-redux';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
 import {resourcesBy} from '../redux';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/endpoints/EndpointsDetailPage.js

@@ -19,8 +19,7 @@ import {connect} from 'react-redux';
 import {withParams} from '../router';
 import {api, selectors} from './';
 import {Details} from '../metadata';
-import {Card, Form, Link, ResourceDetailPage} from '../components';
-import Table from '../components/Table';
+import {Card, Form, Link, ResourceDetailPage, Table} from '../components';
 
 const mapStateToProps = ({endpoints}) => ({
   endpoints

src/main/frontend/src/endpoints/List.js

@@ -23,9 +23,8 @@ import {
   sortByCreationTimeStamp,
   uid
 } from '../metadata';
-import {Age, Icon, Link} from '../components';
+import {Age, Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/events/List.js

@@ -18,8 +18,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import {uid} from '../metadata';
 import {selectors} from './';
-import {Age, Icon, Link} from '../components';
-import Table from '../components/Table';
+import {Age, Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
 
 const headers = [

src/main/frontend/src/horizontalpodautoscalers/List.js

@@ -16,9 +16,8 @@
  */
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 import {api, selectors} from './';
 
 const headers = [

src/main/frontend/src/ingresses/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/jobs/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/namespaces/List.js

@@ -23,9 +23,8 @@ import {
   uid
 } from '../metadata';
 import {api, selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/nodes/List.js

@@ -24,9 +24,8 @@ import {
   uid
 } from '../metadata';
 import {selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/persistentvolumeclaims/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import pvc from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/persistentvolumes/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, sortByCreationTimeStamp, uid} from '../metadata';
 import {api, selectors} from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/pods/List.js

@@ -19,9 +19,8 @@ import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import p from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/replicasets/List.js

@@ -18,9 +18,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import rs from './';
-import {Icon} from '../components';
+import {Icon, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/replicationcontrollers/List.js

@@ -18,9 +18,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import rc from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',

src/main/frontend/src/roles/List.js

@@ -23,9 +23,8 @@ import {
   uid
 } from '../metadata';
 import r from './';
-import {Icon, Link, Tooltip} from '../components';
+import {Icon, Link, Tooltip, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/routes/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import r from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/secrets/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import s from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/serviceaccounts/List.js

@@ -25,9 +25,8 @@ import {
   uid
 } from '../metadata';
 import {api} from './';
+import {Age, Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
-import {Age, Icon, Link} from '../components';
 
 const headers = [
   <span>

src/main/frontend/src/services/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import svc from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   <span>

src/main/frontend/src/services/PortList.js

@@ -15,8 +15,7 @@
  *
  */
 import React from 'react';
-import {Icon} from '../components';
-import Table from '../components/Table';
+import {Icon, Table} from '../components';
 
 const headers = [
   <span>

src/main/frontend/src/statefulsets/List.js

@@ -17,9 +17,8 @@
 import React from 'react';
 import {name, namespace, sortByCreationTimeStamp, uid} from '../metadata';
 import sts from './';
-import {Icon, Link} from '../components';
+import {Icon, Link, Table} from '../components';
 import ResourceList from '../components/ResourceList';
-import Table from '../components/Table';
 
 const headers = [
   '',