Fix #83 - Link as-set members to query pages

NLNOG · Nov 22, 2022 · 38fade3 · 38fade3
1 parent 8de1d4a
commit 38fade3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/frontend/src/components/asSetQuery.jsx b/frontend/src/components/asSetQuery.jsx
@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import AsSetIncludedTable from "./common/asSetIncludedTable";
-import AsSetExpansionTable from "./common/asSetExpansionTable";
+import AsSetExpansionTable from "./setExpansionTable/asSetExpansionTable";
 
 class AsSetQuery extends Component {
     render() {

diff --git a/.../components/common/asSetExpansionTable.js → ...setExpansionTable/asSetExpansionTable.jsx b/.../components/common/asSetExpansionTable.js → ...setExpansionTable/asSetExpansionTable.jsx
@@ -2,9 +2,9 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 
 import api from "../../services/api";
-import Spinner from "./spinner";
+import Spinner from "../common/spinner";
 import {Link} from "@reach/router";
-import TableFooter from "./tableFooter";
+import TableFooter from "../common/tableFooter";
 
 
 class AsSetExpansionTable extends Component {
@@ -62,11 +62,13 @@ class AsSetExpansionTable extends Component {
                         <td key="source">{source}</td>
                         <td key="depth">{depth}</td>
                         <td key="path">{path.join(' ➜ ')}</td>
-                        <td key="members">{members.join(' ')}</td>
+                        <td key="members">{members.map(
+                            name => <><Link to={`/query/${name}`}>{name}</Link>{" "}</>
+                        )}</td>
                     </tr>
                 )}
                 </tbody>
-                <TableFooter url={apiCallUrl} />
+                <TableFooter url={apiCallUrl}/>
             </>
         );
     }