Revise payment tutorials, add/remove screenshots

[DennisDawson]

refactored code, new CSS, only one active account at a time, but radio button allows switching between two accounts in the active fields.

[oeggert]

PR looks pretty good, but there are a couple points I have that apply across all functions.

[oeggert]

Can we also add a button to fund an existing account with additional XRP?

[DennisDawson]

I don't know of an easy way to do that using the faucet. If I want to add XRP to an account, I can just create another account and send some XRP. Accounts that run out of XRP should try sending smaller amounts when testing.

[oeggert]

Suggested change

	let results = `\nConnected to ${net}.`
	let results += `===Getting Account===\nConnected to ${net}.`

This suggestion applies to all instances that add to the result field. I think it's worth keeping a log of all actions that take place, so ensuring all results are += and not overridden with =. It'd also like to see a more pronounced headers to identify the type of function that's being called to help differentiate info in the logs. So for an offer create transaction, it starts with something like ===Creating Offer=== and then has a line break for subsequent metadata.

[DennisDawson]

I made these changes.

[maria-robobug]

Question about how we reference code snippets, should we not use this format now?

{% code-snippet file="/_code-samples/modular-tutorials/send-checks.js" language="js" from="async function sendCheck() {" before="let check_amount = amountField.value" /%}

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​esbuild/​darwin-arm64@​0.25.4
	picocolors@​1.1.1 ⏵ 1.0.1
	lottie-react@​2.4.1 ⏵ 2.4.0	+1
	@​codemirror/​view@​6.36.5 ⏵ 6.33.0			-5	+1
	@​types/​node@​22.14.1 ⏵ 22.5.5
	string_decoder@​1.3.0
	@​docsearch/​react@​3.9.0 ⏵ 3.8.0
	react18-json-view@​0.2.9 ⏵ 0.2.8
	@​scure/​base@​1.2.4 ⏵ 1.1.7	+1
	@​noble/​curves@​1.8.2 ⏵ 1.4.2
	@​uiw/​react-codemirror@​4.23.10 ⏵ 4.23.0				-3
	smol-toml@​1.3.3 ⏵ 1.3.1	+1			-1
	xrpl@​4.2.5 ⏵ 3.0.0

View full report

[socket-security]

All alerts resolved. Learn more about Socket for GitHub.

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

View full report