datajunction-ui 0.0.1-rc.9 → 0.0.2

package/.vscode/settings.json

@@ -1,25 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.tabSize": 2
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[javascript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[json]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[html]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "editor.codeActionsOnSave": {
-    "source.fixAll": true,
-    "source.fixAll.eslint": true
-  },
-  "editor.formatOnSave": true,
-  "javascript.format.enable": false
-}

package/Dockerfile

@@ -1,7 +0,0 @@
-FROM node:19 AS ui-build
-WORKDIR /usr/src/app
-COPY . .
-EXPOSE 3000
-RUN yarn webpack build
-
-CMD ["yarn", "webpack-start", "--host", "0.0.0.0", "--port", "3000"]

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,62 +0,0 @@
-import * as React from 'react';
-import { useContext, useEffect, useState } from 'react';
-import NamespaceHeader from '../../components/NamespaceHeader';
-import { DataJunctionAPI } from '../../services/DJService';
-import DJClientContext from '../../providers/djclient';
-// const datajunction = require('datajunction');
-// const dj = new datajunction.DJClient('http://localhost:8000');
-
-export function ListNamespacesPage() {
-  const djClient = useContext(DJClientContext).DataJunctionAPI;
-  const [state, setState] = useState({
-    namespaces: [],
-  });
-
-  useEffect(() => {
-    const fetchData = async () => {
-      // const namespaces = await djClient.namespaces.get();
-      console.log(djClient);
-      const namespaces = await djClient.namespaces();
-      setState({
-        namespaces: namespaces,
-      });
-    };
-    fetchData().catch(console.error);
-  }, [djClient.namespaces]);
-
-  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>
-    </>
-  );
-}
-
-ListNamespacesPage.defaultProps = {
-  djClient: DataJunctionAPI,
-};

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();
-  });
-});