mirror of
https://github.com/yzernik/squeaknode.git
synced 2026-08-18 13:09:08 +02:00
Show waiting indicator on peers page (#1262)
* Show waiting indicator on peers page for both tabs * Run frontend lint * Update frontend build
This commit is contained in:
parent
fb55bfdd09
commit
259a712dd5
8 changed files with 37 additions and 16 deletions
|
|
@ -7,6 +7,7 @@ import {
|
|||
AppBar,
|
||||
Box,
|
||||
Typography,
|
||||
CircularProgress,
|
||||
} from '@material-ui/core';
|
||||
|
||||
// styles
|
||||
|
|
@ -43,6 +44,8 @@ export default function Peers() {
|
|||
const [connectPeerDialogOpen, setConnectPeerDialogOpen] = useState(false);
|
||||
const [value, setValue] = useState(0);
|
||||
const [showExternalAddressDialogOpen, setShowExternalAddressDialogOpen] = useState(false);
|
||||
const [waitingForConnectedPeers, setWaitingForConnectedPeers] = useState(false);
|
||||
const [waitingForPeers, setWaitingForPeers] = useState(false);
|
||||
|
||||
function a11yProps(index) {
|
||||
return {
|
||||
|
|
@ -56,13 +59,21 @@ export default function Peers() {
|
|||
};
|
||||
|
||||
const getConnectedPeers = () => {
|
||||
getConnectedPeersRequest(setConnectedPeers);
|
||||
setWaitingForConnectedPeers(true);
|
||||
getConnectedPeersRequest((resp) => {
|
||||
setWaitingForConnectedPeers(false);
|
||||
setConnectedPeers(resp);
|
||||
});
|
||||
};
|
||||
|
||||
// const subscribeConnectedPeers = () => subscribeConnectedPeersRequest(setConnectedPeers);
|
||||
|
||||
const getSqueakPeers = () => {
|
||||
getPeersRequest(setPeers);
|
||||
setWaitingForPeers(true);
|
||||
getPeersRequest((resp) => {
|
||||
setWaitingForPeers(false);
|
||||
setPeers(resp);
|
||||
});
|
||||
};
|
||||
|
||||
const handleClickOpenCreatePeerDialog = () => {
|
||||
|
|
@ -228,6 +239,12 @@ export default function Peers() {
|
|||
);
|
||||
}
|
||||
|
||||
function WaitingIndicator() {
|
||||
return (
|
||||
<CircularProgress size={48} className={classes.buttonProgress} />
|
||||
);
|
||||
}
|
||||
|
||||
function PeersTabs() {
|
||||
return (
|
||||
<>
|
||||
|
|
@ -238,10 +255,14 @@ export default function Peers() {
|
|||
</Tabs>
|
||||
</AppBar>
|
||||
<TabPanel value={value} index={0}>
|
||||
{ConnectedPeersContent()}
|
||||
{waitingForConnectedPeers
|
||||
? WaitingIndicator()
|
||||
: ConnectedPeersContent()}
|
||||
</TabPanel>
|
||||
<TabPanel value={value} index={1}>
|
||||
{SavedPeersContent()}
|
||||
{waitingForPeers
|
||||
? WaitingIndicator()
|
||||
: SavedPeersContent()}
|
||||
</TabPanel>
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"files": {
|
||||
"main.js": "/static/js/main.df4fb98b.chunk.js",
|
||||
"main.js.map": "/static/js/main.df4fb98b.chunk.js.map",
|
||||
"main.js": "/static/js/main.f945fdd6.chunk.js",
|
||||
"main.js.map": "/static/js/main.f945fdd6.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.eebb1f104f8b7cfebcfac66abb38b82c.js": "/precache-manifest.eebb1f104f8b7cfebcfac66abb38b82c.js",
|
||||
"precache-manifest.6b8fa0a8476e0235797e6218b07f660d.js": "/precache-manifest.6b8fa0a8476e0235797e6218b07f660d.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.df4fb98b.chunk.js"
|
||||
"static/js/main.f945fdd6.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.df4fb98b.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.f945fdd6.chunk.js"></script></body></html>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
self.__precacheManifest = (self.__precacheManifest || []).concat([
|
||||
{
|
||||
"revision": "e661175c434b39bdf9ec66c2f1af6045",
|
||||
"revision": "5741cc2877c747f1b95d1283771597bb",
|
||||
"url": "/index.html"
|
||||
},
|
||||
{
|
||||
|
|
@ -16,8 +16,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||
"url": "/static/js/2.32cf15fd.chunk.js.LICENSE.txt"
|
||||
},
|
||||
{
|
||||
"revision": "38310a96faa68322cdbc",
|
||||
"url": "/static/js/main.df4fb98b.chunk.js"
|
||||
"revision": "5034c589fa674cb51337",
|
||||
"url": "/static/js/main.f945fdd6.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.eebb1f104f8b7cfebcfac66abb38b82c.js"
|
||||
"/precache-manifest.6b8fa0a8476e0235797e6218b07f660d.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