Update payment summary after payment (#2151)

* Update overall payment summary after payment

* Update overall payment summary and pubkey payment summary afet payment

* Update frontend build
This commit is contained in:
Jonathan Zernik 2022-04-14 01:04:33 -04:00 committed by GitHub
parent c0cca7eb6f
commit 99696b4bdd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 20 additions and 13 deletions

View file

@ -270,7 +270,7 @@ const SqueakCard = React.memo(function SqueakCard(props) {
<p className="modal-title">Buy Squeak</p>
</div>
<div style={{marginTop:'5px'}} className="modal-body">
<BuySqueak squeakHash={props.id} submittedCallback={toggleBuyModal} />
<BuySqueak squeak={props.squeak} submittedCallback={toggleBuyModal} />
</div>
</div> : null}
</div> : null}

View file

@ -23,8 +23,10 @@ import {
fetchSqueakOffers,
} from '../squeaks/squeaksSlice'
import {
fetchPaymentSummary,
fetchPaymentSummaryForSqueak,
selectPaymentSummaryForSqueak,
fetchPaymentSummaryForPubkey,
} from '../../features/payments/paymentsSlice'
import {
selectSigningProfiles,
@ -32,7 +34,10 @@ import {
} from '../../features/profiles/profilesSlice'
const BuySqueak = (props) => {
console.log(props.squeakHash);
const squeak = props.squeak;
const squeakHash = squeak.getSqueakHash();
const pubkey = squeak.getAuthorPubkey();
console.log(props.squeak);
const signingProfiles = useSelector(selectSigningProfiles);
const buySqueakStatus = useSelector(selectBuySqueakStatus);
@ -49,13 +54,15 @@ const BuySqueak = (props) => {
}
const values = {
offerId: offerId,
squeakHash: props.squeakHash,
squeakHash: squeakHash,
}
console.log('Buy clicked.');
dispatch(setBuySqueak(values))
.then(unwrapResult)
.then(() => {
dispatch(fetchPaymentSummaryForSqueak({squeakHash: props.squeakHash}));
dispatch(fetchPaymentSummary());
dispatch(fetchPaymentSummaryForSqueak({squeakHash: squeakHash}));
dispatch(fetchPaymentSummaryForPubkey({pubkey: pubkey}));
})
.catch((err) => {
alert(err.message);

View file

@ -371,7 +371,7 @@ import { ICON_ARROWBACK, ICON_HEART, ICON_REPLY, ICON_RETWEET, ICON_HEARTFULL,
<p className="modal-title">Buy Squeak</p>
</div>
<div style={{marginTop:'5px'}} className="modal-body">
<BuySqueak squeakHash={props.match.params.id} submittedCallback={toggleBuyModal} />
<BuySqueak squeak={squeak} submittedCallback={toggleBuyModal} />
</div>
</div> : null}
</div>:null}

View file

@ -1,7 +1,7 @@
{
"files": {
"main.css": "/static/css/main.206389cd.css",
"main.js": "/static/js/main.0b7ae715.js",
"main.js": "/static/js/main.444ba595.js",
"static/css/306.7f7715a0.chunk.css": "/static/css/306.7f7715a0.chunk.css",
"static/js/306.90b2a66c.chunk.js": "/static/js/306.90b2a66c.chunk.js",
"static/css/900.b66ac5fb.chunk.css": "/static/css/900.b66ac5fb.chunk.css",
@ -11,7 +11,7 @@
"static/media/icon.svg": "/static/media/icon.982210ec9275956e4d3cc77fa90167fd.svg",
"index.html": "/index.html",
"main.206389cd.css.map": "/static/css/main.206389cd.css.map",
"main.0b7ae715.js.map": "/static/js/main.0b7ae715.js.map",
"main.444ba595.js.map": "/static/js/main.444ba595.js.map",
"306.7f7715a0.chunk.css.map": "/static/css/306.7f7715a0.chunk.css.map",
"306.90b2a66c.chunk.js.map": "/static/js/306.90b2a66c.chunk.js.map",
"900.b66ac5fb.chunk.css.map": "/static/css/900.b66ac5fb.chunk.css.map",
@ -21,6 +21,6 @@
},
"entrypoints": [
"static/css/main.206389cd.css",
"static/js/main.0b7ae715.js"
"static/js/main.444ba595.js"
]
}

View file

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#1da1f2"/><meta nam="description" content="Squeaknode!"/><meta name="og:title" content="Squeaknode"/><meta name="og:description" content="check out my the Squeaknode I made"/><link href="https://fonts.googleapis.com/css2?family=Assistant&display=swap" rel="stylesheet"><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Squeaknode</title><script defer="defer" src="/static/js/main.0b7ae715.js"></script><link href="/static/css/main.206389cd.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#1da1f2"/><meta nam="description" content="Squeaknode!"/><meta name="og:title" content="Squeaknode"/><meta name="og:description" content="check out my the Squeaknode I made"/><link href="https://fonts.googleapis.com/css2?family=Assistant&display=swap" rel="stylesheet"><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Squeaknode</title><script defer="defer" src="/static/js/main.444ba595.js"></script><link href="/static/css/main.206389cd.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

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

File diff suppressed because one or more lines are too long