mirror of
https://github.com/yzernik/squeaknode.git
synced 2026-08-15 12:50:47 +02:00
Add waiting indicator for squeak page (#1135)
* Add waiting indicator for squeak page * Update frontend build
This commit is contained in:
parent
17005bcf4e
commit
a08dc2cb27
8 changed files with 24 additions and 15 deletions
|
|
@ -4,6 +4,7 @@ import {
|
|||
Grid,
|
||||
Button,
|
||||
Box,
|
||||
CircularProgress,
|
||||
} from '@material-ui/core';
|
||||
|
||||
import Timeline from '@material-ui/lab/Timeline';
|
||||
|
|
@ -37,12 +38,14 @@ export default function SqueakPage() {
|
|||
const classes = useStyles();
|
||||
const history = useHistory();
|
||||
const { hash } = useParams();
|
||||
const [ancestorSqueaks, setAncestorSqueaks] = useState([]);
|
||||
const [ancestorSqueaks, setAncestorSqueaks] = useState(null);
|
||||
const [replySqueaks, setReplySqueaks] = useState([]);
|
||||
const [network, setNetwork] = useState('');
|
||||
const [waitingForSqueak, setWaitingForSqueak] = React.useState(false);
|
||||
|
||||
const getAncestorSqueaks = (hash) => {
|
||||
getAncestorSqueakDisplaysRequest(hash, setAncestorSqueaks);
|
||||
setWaitingForSqueak(true);
|
||||
getAncestorSqueakDisplaysRequest(hash, handleLoadedAncestorSqueaks);
|
||||
};
|
||||
const subscribeAncestorSqueaks = (hash) => subscribeAncestorSqueakDisplaysRequest(hash, setAncestorSqueaks);
|
||||
const getReplySqueaks = (hash) => {
|
||||
|
|
@ -59,6 +62,11 @@ export default function SqueakPage() {
|
|||
getAncestorSqueaks(hash);
|
||||
};
|
||||
|
||||
const handleLoadedAncestorSqueaks = (loadedAncestorSqueaks) => {
|
||||
setWaitingForSqueak(false);
|
||||
setAncestorSqueaks(loadedAncestorSqueaks);
|
||||
};
|
||||
|
||||
const onDownloadRepliesClick = (event) => {
|
||||
event.preventDefault();
|
||||
console.log('Handling download replies click...');
|
||||
|
|
@ -170,8 +178,9 @@ export default function SqueakPage() {
|
|||
<Grid container spacing={0}>
|
||||
<Grid item xs={12} sm={9}>
|
||||
<Paper className={classes.paper}>
|
||||
{SqueakContent()}
|
||||
{currentSqueak && SqueakContent()}
|
||||
</Paper>
|
||||
{waitingForSqueak && <CircularProgress size={24} className={classes.buttonProgress} />}
|
||||
</Grid>
|
||||
<Grid item xs={12} sm={3}>
|
||||
<Paper className={classes.paper} />
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"files": {
|
||||
"main.js": "/static/js/main.1482bfca.chunk.js",
|
||||
"main.js.map": "/static/js/main.1482bfca.chunk.js.map",
|
||||
"main.js": "/static/js/main.8d209adb.chunk.js",
|
||||
"main.js.map": "/static/js/main.8d209adb.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.11d0c00a.chunk.js": "/static/js/2.11d0c00a.chunk.js",
|
||||
"static/js/2.11d0c00a.chunk.js.map": "/static/js/2.11d0c00a.chunk.js.map",
|
||||
"index.html": "/index.html",
|
||||
"precache-manifest.0ebaaaabf826d25f5cbceb9c4a50ee1e.js": "/precache-manifest.0ebaaaabf826d25f5cbceb9c4a50ee1e.js",
|
||||
"precache-manifest.62004bfff969a6b2dd7d54e1299a6ca6.js": "/precache-manifest.62004bfff969a6b2dd7d54e1299a6ca6.js",
|
||||
"service-worker.js": "/service-worker.js",
|
||||
"static/css/2.ea4ba2f0.chunk.css.map": "/static/css/2.ea4ba2f0.chunk.css.map",
|
||||
"static/js/2.11d0c00a.chunk.js.LICENSE.txt": "/static/js/2.11d0c00a.chunk.js.LICENSE.txt",
|
||||
|
|
@ -20,6 +20,6 @@
|
|||
"static/js/runtime-main.9f0ba400.js",
|
||||
"static/css/2.ea4ba2f0.chunk.css",
|
||||
"static/js/2.11d0c00a.chunk.js",
|
||||
"static/js/main.1482bfca.chunk.js"
|
||||
"static/js/main.8d209adb.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.11d0c00a.chunk.js"></script><script src="/static/js/main.1482bfca.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.11d0c00a.chunk.js"></script><script src="/static/js/main.8d209adb.chunk.js"></script></body></html>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
self.__precacheManifest = (self.__precacheManifest || []).concat([
|
||||
{
|
||||
"revision": "0c4dcaa04aa52b85cd05bfac65d79fee",
|
||||
"revision": "8dc7ce0b4676a9d263fce9c6622d2692",
|
||||
"url": "/index.html"
|
||||
},
|
||||
{
|
||||
|
|
@ -16,8 +16,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||
"url": "/static/js/2.11d0c00a.chunk.js.LICENSE.txt"
|
||||
},
|
||||
{
|
||||
"revision": "44a2d13215d70695530a",
|
||||
"url": "/static/js/main.1482bfca.chunk.js"
|
||||
"revision": "2d228fa600895269c244",
|
||||
"url": "/static/js/main.8d209adb.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.0ebaaaabf826d25f5cbceb9c4a50ee1e.js"
|
||||
"/precache-manifest.62004bfff969a6b2dd7d54e1299a6ca6.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