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:
Jonathan Zernik 2021-09-09 22:10:37 -07:00 committed by GitHub
parent fb55bfdd09
commit 259a712dd5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 37 additions and 16 deletions

View file

@ -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>
</>
);

View file

@ -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"
]
}

View file

@ -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>

View file

@ -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",

View file

@ -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