mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-28 16:48:00 +02:00
55 lines
1.4 KiB
Plaintext
55 lines
1.4 KiB
Plaintext
---
|
|
import BackButton from '@components/BackButton.astro'
|
|
import LayoutBase from '@layouts/Base/index.astro'
|
|
import { Web3 } from '@features/Web3'
|
|
import config from '@config/blog.config'
|
|
import Coin from '@components/Coin.astro'
|
|
|
|
const coins = Object.entries(config.author).filter(
|
|
([key]) => key === 'bitcoin' || key === 'ether'
|
|
)
|
|
---
|
|
|
|
<style>
|
|
.content {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 25rem;
|
|
width: 100%;
|
|
background-color: var(--box-background-color);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
padding: 0 var(--spacer) var(--spacer) var(--spacer);
|
|
margin-bottom: var(--spacer);
|
|
}
|
|
|
|
.subTitle {
|
|
font-size: var(--font-size-large);
|
|
border-bottom: 1px solid var(--border-color);
|
|
padding: calc(var(--spacer) / 2);
|
|
margin-top: 0;
|
|
margin-left: calc(var(--spacer) * -1);
|
|
margin-right: calc(var(--spacer) * -1);
|
|
}
|
|
</style>
|
|
|
|
<LayoutBase title="Say Thanks">
|
|
<BackButton />
|
|
|
|
<div class="content">
|
|
<h3 class="subTitle">Send from your browser wallet</h3>
|
|
<Web3 client:only="react" />
|
|
</div>
|
|
|
|
<div class="content">
|
|
<h3 class="subTitle">Send from any wallet</h3>
|
|
|
|
{
|
|
coins.map(([key, value]: [key: string, value: string]) => (
|
|
<Coin title={key} address={value} />
|
|
))
|
|
}
|
|
</div>
|
|
</LayoutBase>
|
|
@components/Sponsor/Web3/Web3 @components/Web3
|