Improve Nostr Zap support

This commit is contained in:
Djuri 2024-08-31 15:37:20 +02:00
parent 876f3b01d8
commit 21a7192e6d
7 changed files with 206 additions and 186 deletions

6
src/icons/ZapIcon.svelte Normal file
View file

@ -0,0 +1,6 @@
<script lang="ts">
</script>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
><title>flash</title><path d="M7,2V13H10V22L17,10H13L17,2H7Z" /></svg
>

View file

@ -5,7 +5,7 @@
//@import "@fontsource/antonio/latin-400.css";
@import '@fontsource/ubuntu/latin-400.css';
@import '@fontsource/oswald/latin-400.css';
@import './satsymbol.scss';
@import './satsymbol';
$color-mode-type: media-query;
$font-family-base: 'Ubuntu';
@ -165,7 +165,8 @@ nav {
padding-top: 15px;
padding-bottom: 5px;
font-size: 4.5rem;
font-family: 'Satoshi Symbol';
font-family: 'Satoshi Symbol', sans-serif;
content: 'a';
}
.digit-blank {

View file

@ -2,6 +2,7 @@
export let status = {};
import RocketIcon from '../icons/RocketIcon.svelte';
import PickaxeIcon from '../icons/PickaxeIcon.svelte';
import ZapIcon from '../icons/ZapIcon.svelte';
const isSplitText = (str: string) => {
return str.includes('/');
@ -25,9 +26,12 @@
{#if char.endsWith('pickaxe')}
<PickaxeIcon></PickaxeIcon>
{/if}
{#if char.endsWith('bolt')}
<ZapIcon></ZapIcon>
{/if}
</div>
{:else if char === 'STS'}
<div class="digit sats"></div>
<div class="digit sats">S</div>
{:else if char.length >= 3}
<div class="mediumText">{char}</div>
{:else if char.length === 0 || char === ' '}

View file

@ -165,7 +165,7 @@
{$_('section.status.uptime')}: {toUptimestring($status.espUptime)}
<br />
<p>
{#if $settings.useNostr}
{#if $settings.useNostr || $settings.nostrZapNotify}
{$_('section.status.nostrConnection')}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.nostr}
@ -174,35 +174,38 @@
&#10060;
{/if}
</span>
{:else if !$settings.ownDataSource}
{$_('section.status.wsPriceConnection')}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.nostr}
&#9989;
{:else}
&#10060;
{/if}
</span>
-
{$_('section.status.wsMempoolConnection', {
values: { instance: $settings.mempoolInstance }
})}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.blocks}
&#9989;
{:else}
&#10060;
{/if}
</span><br />
{:else}
{$_('section.status.wsDataConnection')}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.price}
&#9989;
{:else}
&#10060;
{/if}
</span>
{/if}
{#if !$settings.useNostr}
{#if !$settings.ownDataSource}
{$_('section.status.wsPriceConnection')}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.nostr}
&#9989;
{:else}
&#10060;
{/if}
</span>
-
{$_('section.status.wsMempoolConnection', {
values: { instance: $settings.mempoolInstance }
})}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.blocks}
&#9989;
{:else}
&#10060;
{/if}
</span><br />
{:else}
{$_('section.status.wsDataConnection')}:
<span>
{#if $status.connectionStatus && $status.connectionStatus.price}
&#9989;
{:else}
&#10060;
{/if}
</span>
{/if}
{/if}
{#if $settings.fetchEurPrice}
<small>{$_('section.status.fetchEuroNote')}</small>