github/zero-ui
1
0
Fork 0
mirror of https://github.com/dec0dOS/zero-ui.git synced 2025-07-16 10:03:12 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add capabilities and tags support

Browse source 
#35
This commit is contained in:
snachx 2021-12-11 21:14:26 +08:00
parent 369d96e50a
commit 8f891747d6
7 changed files with 314 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

48
frontend/src/routes/Network/Network.jsx
View file

@ -1,18 +1,15 @@
import { useState, useEffect } from "react";
import { Link as RouterLink, useParams, useHistory } from "react-router-dom";
import { useLocalStorage } from "react-use";
import { Link, Grid, Typography } from "@material-ui/core";
import { Grid, Link, Typography } from "@material-ui/core";
import ArrowBackIcon from "@material-ui/icons/ArrowBack";
import useStyles from "./Network.styles";
import NetworkHeader from "components/NetworkHeader";
import NetworkSettings from "components/NetworkSettings";
import NetworkManagement from "components/NetworkManagement";
import NetworkMembers from "components/NetworkMembers";
import NetworkRules from "components/NetworkRules";
import NetworkManagement from "components/NetworkManagement";
import NetworkSettings from "components/NetworkSettings";
import { useCallback, useEffect, useState } from "react";
import { Link as RouterLink, useHistory, useParams } from "react-router-dom";
import { useLocalStorage } from "react-use";
import API from "utils/API";
import useStyles from "./Network.styles";
function Network() {
const { nwid } = useParams();
@ -22,22 +19,23 @@ function Network() {
const classes = useStyles();
const history = useHistory();
useEffect(() => {
async function fetchData() {
try {
const network = await API.get("network/" + nwid);
setNetwork(network.data);
console.log("Current network:", network.data);
} catch (err) {
if (err.response.status === 404) {
history.push("/404");
}
console.error(err);
const fetchData = useCallback(async () => {
try {
const network = await API.get("network/" + nwid);
setNetwork(network.data);
console.log("Current network:", network.data);
} catch (err) {
if (err.response.status === 404) {
history.push("/404");
}
console.error(err);
}
fetchData();
}, [nwid, history]);
useEffect(() => {
fetchData();
}, [nwid, fetchData]);
if (loggedIn) {
return (
<>
@ -52,8 +50,10 @@ function Network() {
<NetworkSettings network={network} setNetwork={setNetwork} />
</>
)}
<NetworkMembers />
{network["config"] && <NetworkRules network={network} />}
<NetworkMembers network={network} />
{network["config"] && (
<NetworkRules network={network} callback={fetchData} />
)}
<NetworkManagement />
</div>
</>