datajunction-ui 0.0.1-rc.2 → 0.0.1-rc.22

package/src/app/pages/ListNamespacesPage/Loadable.jsx

@@ -1,14 +0,0 @@
-/**
- * Asynchronously loads the component for namespaces node-viewing page
- */
-
-import * as React from 'react';
-import { lazyLoad } from '../../../utils/loadable';
-
-export const ListNamespacesPage = lazyLoad(
-  () => import('./index'),
-  module => module.ListNamespacesPage,
-  {
-    fallback: <div></div>,
-  },
-);

package/src/app/pages/ListNamespacesPage/index.jsx

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { useEffect, useState } from 'react';
-import { DataJunctionAPI } from '../../services/DJService';
-import NamespaceHeader from '../../components/NamespaceHeader';
-
-export function ListNamespacesPage() {
-  const [state, setState] = useState({
-    namespaces: [],
-  });
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const namespaces = await DataJunctionAPI.namespaces();
-      setState({
-        namespaces: namespaces,
-      });
-    };
-    fetchData().catch(console.error);
-  }, []);
-
-  const namespacesList = state.namespaces.map(node => (
-    <tr>
-      <td>
-        <a href={'/namespaces/' + node.namespace}>{node.namespace}</a>
-      </td>
-      <td>5</td>
-    </tr>
-  ));
-
-  // @ts-ignore
-  return (
-    <>
-      <div className="mid">
-        <NamespaceHeader namespace="" />
-        <div className="card">
-          <div className="card-header">
-            <h2>Namespaces</h2>
-            <div className="table-responsive">
-              <table className="card-table table">
-                <thead>
-                  <th>Namespace</th>
-                  <th>Node Count</th>
-                </thead>
-                {namespacesList}
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}

package/src/app/pages/NamespacePage/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,45 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<NamespacePage /> should render and match the snapshot 1`] = `
-<div
-  className="mid"
->
-  <NamespaceHeader />
-  <div
-    className="card"
-  >
-    <div
-      className="card-header"
-    >
-      <h2>
-        Nodes
-      </h2>
-      <div
-        className="table-responsive"
-      >
-        <table
-          className="card-table table"
-        >
-          <thead>
-            <th>
-              Namespace
-            </th>
-            <th>
-              Name
-            </th>
-            <th>
-              Type
-            </th>
-            <th>
-              Status
-            </th>
-            <th>
-              Mode
-            </th>
-          </thead>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/src/app/pages/NamespacePage/__tests__/index.test.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { createRenderer } from 'react-test-renderer/shallow';
-
-import { NamespacePage } from '../index';
-
-const renderer = createRenderer();
-
-describe('<NamespacePage />', () => {
-  it('should render and match the snapshot', () => {
-    renderer.render(<NamespacePage />);
-    const renderedOutput = renderer.getRenderOutput();
-    expect(renderedOutput).toMatchSnapshot();
-  });
-});