mirror of
https://github.com/yzernik/squeaknode.git
synced 2026-08-15 12:50:47 +02:00
Hide connection info and show waiting indicator on peer address page … (#1260)
* Hide connection info and show waiting indicator on peer address page while waiting * Run frontend lint * Update frontend build
This commit is contained in:
parent
fba6277e8d
commit
47c73001fd
8 changed files with 41 additions and 17 deletions
|
|
@ -4,6 +4,7 @@ import {
|
|||
Grid,
|
||||
Button,
|
||||
Box,
|
||||
CircularProgress,
|
||||
} from '@material-ui/core';
|
||||
import Card from '@material-ui/core/Card';
|
||||
import CardHeader from '@material-ui/core/CardHeader';
|
||||
|
|
@ -30,9 +31,11 @@ export default function PeerAddressPage() {
|
|||
const classes = useStyles();
|
||||
const { host, port } = useParams();
|
||||
const [connectedPeer, setConnectedPeer] = useState(null);
|
||||
const [waitingForConnectedPeer, setWaitingForConnectedPeer] = useState(false);
|
||||
|
||||
const getConnectedPeer = useCallback(() => {
|
||||
getConnectedPeerRequest(host, port, setConnectedPeer);
|
||||
setWaitingForConnectedPeer(true);
|
||||
getConnectedPeerRequest(host, port, handleLoadedConnectedPeer);
|
||||
},
|
||||
[host, port]);
|
||||
|
||||
|
|
@ -49,6 +52,11 @@ export default function PeerAddressPage() {
|
|||
// return () => stream.cancel();
|
||||
// }, [subscribeConnectedPeer]);
|
||||
|
||||
const handleLoadedConnectedPeer = (resp) => {
|
||||
setWaitingForConnectedPeer(false);
|
||||
setConnectedPeer(resp);
|
||||
};
|
||||
|
||||
function DisconnectPeerButton() {
|
||||
return (
|
||||
<>
|
||||
|
|
@ -160,7 +168,7 @@ export default function PeerAddressPage() {
|
|||
);
|
||||
}
|
||||
|
||||
function PeerConnectionContent() {
|
||||
function PeerConnectionInfoContent() {
|
||||
console.log(connectedPeer);
|
||||
return (
|
||||
<Card
|
||||
|
|
@ -175,12 +183,28 @@ export default function PeerAddressPage() {
|
|||
);
|
||||
}
|
||||
|
||||
function ConnectionContent() {
|
||||
return (
|
||||
<>
|
||||
{ConnectionStatusContent()}
|
||||
{ConnectionActionContent()}
|
||||
{(connectedPeer) && PeerConnectionInfoContent()}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function WaitingIndicator() {
|
||||
return (
|
||||
<CircularProgress size={48} className={classes.buttonProgress} />
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{AddressContent()}
|
||||
{ConnectionStatusContent()}
|
||||
{ConnectionActionContent()}
|
||||
{(connectedPeer) && PeerConnectionContent()}
|
||||
{waitingForConnectedPeer
|
||||
? WaitingIndicator()
|
||||
: ConnectionContent()}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"files": {
|
||||
"main.js": "/static/js/main.cff5165c.chunk.js",
|
||||
"main.js.map": "/static/js/main.cff5165c.chunk.js.map",
|
||||
"main.js": "/static/js/main.df4fb98b.chunk.js",
|
||||
"main.js.map": "/static/js/main.df4fb98b.chunk.js.map",
|
||||
"runtime-main.js": "/static/js/runtime-main.9f0ba400.js",
|
||||
"runtime-main.js.map": "/static/js/runtime-main.9f0ba400.js.map",
|
||||
"static/css/2.ea4ba2f0.chunk.css": "/static/css/2.ea4ba2f0.chunk.css",
|
||||
"static/js/2.32cf15fd.chunk.js": "/static/js/2.32cf15fd.chunk.js",
|
||||
"static/js/2.32cf15fd.chunk.js.map": "/static/js/2.32cf15fd.chunk.js.map",
|
||||
"index.html": "/index.html",
|
||||
"precache-manifest.8a854d951397712ca7cea95f8ebfd0d2.js": "/precache-manifest.8a854d951397712ca7cea95f8ebfd0d2.js",
|
||||
"precache-manifest.eebb1f104f8b7cfebcfac66abb38b82c.js": "/precache-manifest.eebb1f104f8b7cfebcfac66abb38b82c.js",
|
||||
"service-worker.js": "/service-worker.js",
|
||||
"static/css/2.ea4ba2f0.chunk.css.map": "/static/css/2.ea4ba2f0.chunk.css.map",
|
||||
"static/js/2.32cf15fd.chunk.js.LICENSE.txt": "/static/js/2.32cf15fd.chunk.js.LICENSE.txt",
|
||||
|
|
@ -20,6 +20,6 @@
|
|||
"static/js/runtime-main.9f0ba400.js",
|
||||
"static/css/2.ea4ba2f0.chunk.css",
|
||||
"static/js/2.32cf15fd.chunk.js",
|
||||
"static/js/main.cff5165c.chunk.js"
|
||||
"static/js/main.df4fb98b.chunk.js"
|
||||
]
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>Squeak Node</title><meta name="description" content="Squeak Node is a frontend for accessing a squeak node"><meta name="keywords" content="squeak, bitcoin, lightning"><meta name="author" content="Flatlogic LLC."><link href="/static/css/2.ea4ba2f0.chunk.css" rel="stylesheet"></head><body style="font-family:Roboto,sans-serif"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,f,l=r[0],a=r[1],i=r[2],c=0,s=[];c<l.length;c++)f=l[c],Object.prototype.hasOwnProperty.call(o,f)&&o[f]&&s.push(o[f][0]),o[f]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=f(f.s=t[0]))}return e}var n={},o={1:0},u=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var l=this["webpackJsonpsqueak-node-frontend"]=this["webpackJsonpsqueak-node-frontend"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var p=a;t()}([])</script><script src="/static/js/2.32cf15fd.chunk.js"></script><script src="/static/js/main.cff5165c.chunk.js"></script></body></html>
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>Squeak Node</title><meta name="description" content="Squeak Node is a frontend for accessing a squeak node"><meta name="keywords" content="squeak, bitcoin, lightning"><meta name="author" content="Flatlogic LLC."><link href="/static/css/2.ea4ba2f0.chunk.css" rel="stylesheet"></head><body style="font-family:Roboto,sans-serif"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,f,l=r[0],a=r[1],i=r[2],c=0,s=[];c<l.length;c++)f=l[c],Object.prototype.hasOwnProperty.call(o,f)&&o[f]&&s.push(o[f][0]),o[f]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=f(f.s=t[0]))}return e}var n={},o={1:0},u=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var l=this["webpackJsonpsqueak-node-frontend"]=this["webpackJsonpsqueak-node-frontend"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var p=a;t()}([])</script><script src="/static/js/2.32cf15fd.chunk.js"></script><script src="/static/js/main.df4fb98b.chunk.js"></script></body></html>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
self.__precacheManifest = (self.__precacheManifest || []).concat([
|
||||
{
|
||||
"revision": "9afdb7c1ea831aea9aa0e9f2dd5e9972",
|
||||
"revision": "e661175c434b39bdf9ec66c2f1af6045",
|
||||
"url": "/index.html"
|
||||
},
|
||||
{
|
||||
|
|
@ -16,8 +16,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||
"url": "/static/js/2.32cf15fd.chunk.js.LICENSE.txt"
|
||||
},
|
||||
{
|
||||
"revision": "9aa69063a22180ef01c4",
|
||||
"url": "/static/js/main.cff5165c.chunk.js"
|
||||
"revision": "38310a96faa68322cdbc",
|
||||
"url": "/static/js/main.df4fb98b.chunk.js"
|
||||
},
|
||||
{
|
||||
"revision": "cc9816de5a8639d377ea",
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
|
||||
|
||||
importScripts(
|
||||
"/precache-manifest.8a854d951397712ca7cea95f8ebfd0d2.js"
|
||||
"/precache-manifest.eebb1f104f8b7cfebcfac66abb38b82c.js"
|
||||
);
|
||||
|
||||
self.addEventListener('message', (event) => {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue