{CreateHostInput()}
@@ -184,7 +184,7 @@ export default function CreateSubscriptionDialog({
{CancelButton()}
- {CreateSubscriptionButton()}
+ {CreatePeerButton()}
diff --git a/frontend/squeak-node-frontend/src/components/CreatePeerDialog/package.json b/frontend/squeak-node-frontend/src/components/CreatePeerDialog/package.json
new file mode 100644
index 00000000..55711ae1
--- /dev/null
+++ b/frontend/squeak-node-frontend/src/components/CreatePeerDialog/package.json
@@ -0,0 +1,6 @@
+{
+ "name": "CreatePeerDialog",
+ "version": "0.0.0",
+ "private": true,
+ "main": "CreatePeerDialog.js"
+}
diff --git a/frontend/squeak-node-frontend/src/components/CreateSubscriptionDialog/styles.js b/frontend/squeak-node-frontend/src/components/CreatePeerDialog/styles.js
similarity index 100%
rename from frontend/squeak-node-frontend/src/components/CreateSubscriptionDialog/styles.js
rename to frontend/squeak-node-frontend/src/components/CreatePeerDialog/styles.js
diff --git a/frontend/squeak-node-frontend/src/components/CreateSubscriptionDialog/package.json b/frontend/squeak-node-frontend/src/components/CreateSubscriptionDialog/package.json
deleted file mode 100644
index 5c90a582..00000000
--- a/frontend/squeak-node-frontend/src/components/CreateSubscriptionDialog/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "CreateSubscriptionDialog",
- "version": "0.0.0",
- "private": true,
- "main": "CreateSubscriptionDialog.js"
-}
diff --git a/frontend/squeak-node-frontend/src/components/Layout/Layout.js b/frontend/squeak-node-frontend/src/components/Layout/Layout.js
index 81f553a0..033cdad6 100644
--- a/frontend/squeak-node-frontend/src/components/Layout/Layout.js
+++ b/frontend/squeak-node-frontend/src/components/Layout/Layout.js
@@ -26,8 +26,8 @@ import Maps from "../../pages/maps";
import Profiles from "../../pages/profiles";
import Icons from "../../pages/icons";
import Charts from "../../pages/charts";
-import Subscriptions from "../../pages/subscriptions";
-import Subscription from "../../pages/subscription";
+import Peers from "../../pages/peers";
+import Peer from "../../pages/peer";
// context
import { useLayoutState } from "../../context/LayoutContext";
@@ -57,8 +57,8 @@ function Layout(props) {
-
-
+
+
},
{ id: 1, label: "Profiles", link: "/app/profiles", icon:
},
{ id: 2, label: "Lightning", link: "/app/lightning", icon:
},
- { id: 3, label: "Subscriptions", link: "/app/subscriptions", icon:
},
+ { id: 3, label: "Peers", link: "/app/peers", icon:
},
];
function Sidebar({ location }) {
diff --git a/frontend/squeak-node-frontend/src/pages/peer/Peer.js b/frontend/squeak-node-frontend/src/pages/peer/Peer.js
new file mode 100644
index 00000000..fa4ca36f
--- /dev/null
+++ b/frontend/squeak-node-frontend/src/pages/peer/Peer.js
@@ -0,0 +1,131 @@
+import React, { useState, useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+import {
+ Grid,
+ FormLabel,
+ FormControl,
+ FormGroup,
+ FormControlLabel,
+ FormHelperText,
+ Switch,
+} from "@material-ui/core";
+
+// styles
+import useStyles from "./styles";
+
+// components
+import PageTitle from "../../components/PageTitle";
+import Widget from "../../components/Widget";
+
+import {
+ GetPeerRequest,
+ SetPeerDownloadingRequest,
+ SetPeerUploadingRequest,
+} from "../../proto/squeak_admin_pb"
+import { SqueakAdminClient } from "../../proto/squeak_admin_grpc_web_pb"
+
+var client = new SqueakAdminClient('http://' + window.location.hostname + ':8080')
+
+export default function PeerPage() {
+ var classes = useStyles();
+ const { id } = useParams();
+ const [peer, setPeer] = useState(null);
+
+ const getPeer = (id) => {
+ console.log("called getPeer with peerId: " + id);
+ var getPeerRequest = new GetPeerRequest()
+ getPeerRequest.setPeerId(id);
+ console.log(getPeerRequest);
+ client.getPeer(getPeerRequest, {}, (err, response) => {
+ console.log(response);
+ setPeer(response.getSqueakPeer())
+ });
+ };
+ const setDownloading = (id, downloading) => {
+ console.log("called setDownloading with peerId: " + id + ", downloading: " + downloading);
+ var setPeerDownloadingRequest = new SetPeerDownloadingRequest()
+ setPeerDownloadingRequest.setPeerId(id);
+ setPeerDownloadingRequest.setDownloading(downloading);
+ console.log(setPeerDownloadingRequest);
+ client.setPeerDownloading(setPeerDownloadingRequest, {}, (err, response) => {
+ console.log(response);
+ getPeer(id);
+ });
+ };
+ const setUploading = (id, uploading) => {
+ console.log("called setUploading with peerId: " + id + ", uploading: " + uploading);
+ var setPeerUploadingRequest = new SetPeerUploadingRequest()
+ setPeerUploadingRequest.setPeerId(id);
+ setPeerUploadingRequest.setUploading(uploading);
+ console.log(setPeerUploadingRequest);
+ client.setPeerUploading(setPeerUploadingRequest, {}, (err, response) => {
+ console.log(response);
+ getPeer(id);
+ });
+ };
+
+ useEffect(()=>{
+ getPeer(id)
+ },[id]);
+
+ const handleSettingsDownloadingChange = (event) => {
+ console.log("Downloading changed for peer id: " + id);
+ console.log("Downloading changed to: " + event.target.checked);
+ setDownloading(id, event.target.checked);
+ };
+
+ const handleSettingsUploadingChange = (event) => {
+ console.log("Uploading changed for peer id: " + id);
+ console.log("Uploading changed to: " + event.target.checked);
+ setUploading(id, event.target.checked);
+ };
+
+ function NoPeerContent() {
+ return (
+
+ No peer loaded
+
+ )
+ }
+
+ function PeerContent() {
+ return (
+ <>
+
+ Peer name: {peer.getPeerName()}
+
+ {PeerSettingsForm()}
+ >
+ )
+ }
+
+ function PeerSettingsForm() {
+ return (
+
+ Peer settings
+
+ }
+ label="Downloading"
+ />
+ }
+ label="Uploading"
+ />
+
+
+ )
+ }
+
+ return (
+ <>
+
+
+ {peer
+ ? PeerContent()
+ : NoPeerContent()
+ }
+
+ >
+ );
+}
diff --git a/frontend/squeak-node-frontend/src/pages/peer/package.json b/frontend/squeak-node-frontend/src/pages/peer/package.json
new file mode 100644
index 00000000..4f9e9fe4
--- /dev/null
+++ b/frontend/squeak-node-frontend/src/pages/peer/package.json
@@ -0,0 +1,6 @@
+{
+ "name": "Peer",
+ "version": "0.0.0",
+ "main": "Peer.js",
+ "private": true
+}
diff --git a/frontend/squeak-node-frontend/src/pages/subscription/styles.js b/frontend/squeak-node-frontend/src/pages/peer/styles.js
similarity index 100%
rename from frontend/squeak-node-frontend/src/pages/subscription/styles.js
rename to frontend/squeak-node-frontend/src/pages/peer/styles.js
diff --git a/frontend/squeak-node-frontend/src/pages/subscriptions/Subscriptions.js b/frontend/squeak-node-frontend/src/pages/peers/Peers.js
similarity index 57%
rename from frontend/squeak-node-frontend/src/pages/subscriptions/Subscriptions.js
rename to frontend/squeak-node-frontend/src/pages/peers/Peers.js
index e49ff278..731c14f2 100644
--- a/frontend/squeak-node-frontend/src/pages/subscriptions/Subscriptions.js
+++ b/frontend/squeak-node-frontend/src/pages/peers/Peers.js
@@ -19,13 +19,13 @@ import {makeStyles} from '@material-ui/core/styles';
import PageTitle from "../../components/PageTitle";
import Widget from "../../components/Widget";
import Table from "../dashboard/components/Table/Table";
-import CreateSubscriptionDialog from "../../components/CreateSubscriptionDialog";
+import CreatePeerDialog from "../../components/CreatePeerDialog";
// data
import mock from "../dashboard/mock";
import {
- GetSubscriptionsRequest,
+ GetPeersRequest,
} from "../../proto/squeak_admin_pb"
import {SqueakAdminClient} from "../../proto/squeak_admin_grpc_web_pb"
@@ -39,10 +39,10 @@ const useStyles = makeStyles((theme) => ({
}
}));
-export default function Subscriptions() {
+export default function Peers() {
const classes = useStyles();
- const [subscriptions, setSubscriptions] = useState([]);
- const [createSubscriptionDialogOpen, setCreateSubscriptionDialogOpen] = useState(false);
+ const [peers, setPeers] = useState([]);
+ const [createPeerDialogOpen, setCreatePeerDialogOpen] = useState(false);
const history = useHistory();
function a11yProps(index) {
@@ -52,38 +52,38 @@ export default function Subscriptions() {
};
}
- const getSqueakSubscriptions = () => {
+ const getSqueakPeers = () => {
console.log("called getSigningProfiles");
- var getSubscriptionsRequest = new GetSubscriptionsRequest();
+ var getPeersRequest = new GetPeersRequest();
- client.getSubscriptions(getSubscriptionsRequest, {}, (err, response) => {
+ client.getPeers(getPeersRequest, {}, (err, response) => {
if (err) {
console.log(err.message);
return;
}
console.log(response);
- setSubscriptions(response.getSqueakSubscriptionsList());
+ setPeers(response.getSqueakPeersList());
});
};
- const goToSubscriptionPage = (id) => {
- history.push("/app/Subscription/" + id);
+ const goToPeerPage = (id) => {
+ history.push("/app/Peer/" + id);
};
- const handleClickOpenCreateSubscriptionDialog = () => {
- setCreateSubscriptionDialogOpen(true);
+ const handleClickOpenCreatePeerDialog = () => {
+ setCreatePeerDialogOpen(true);
};
- const handleCloseCreateSubscriptionDialog = () => {
- setCreateSubscriptionDialogOpen(false);
+ const handleCloseCreatePeerDialog = () => {
+ setCreatePeerDialogOpen(false);
};
useEffect(() => {
- getSqueakSubscriptions()
+ getSqueakPeers()
}, []);
- function CreateSubscriptionButton() {
+ function CreatePeerButton() {
return (
<>
@@ -91,8 +91,8 @@ export default function Subscriptions() {
@@ -100,22 +100,22 @@ export default function Subscriptions() {
)
}
- function SubscriptionsInfo() {
+ function PeersInfo() {
return (
<>