Files
loteria/src/components/Instructions.svelte
T
2023-12-15 12:54:53 +01:00

42 lines
1.5 KiB
Svelte

<script>
// import Showdown from "showdown";
// let converter = new Showdown.converter();
let instructions = [
{
name: "Abrir la billetera",
description:
"Abre una billetera Lightning que soporta LNURL. Sugerencia: Tu billetera Bitcoin Txoko LNbits funciona muy bien.",
},
{
name: "Obtener un enlace de pago",
description:
"En móvil: Pulsa el código QR para abrirlo en tu billetera compatible. O escanéalo con tu billetera si el código QR está en otro dispositivo. \n\nEn ordenador: Si tienes Alby instalado, haz clic en el código QR para abrir el enlace de pago. \n\nSi los métodos anteriores no funcionan, también puedes copiar la dirección Lightning y pegarla en tu billetera.",
},
{
name: "Enviar sats",
description: "Establece una cantidad a enviar y pulsa enviar.",
},
{
name: "Comprobar el saldo",
description:
"Actualiza esta página para ver el saldo actualizado de la lotería.",
},
];
</script>
<div
class="m-6 p-2 sm:p-4 md:p-6 rounded-2xl border border-solid hover:border-bright bg-white font-mono max-w-lg"
>
<div class="text-muted-bright mx-2 justify-center">
<h2 class="font-bold text-xl text-center">Instrucciones</h2>
{#each instructions as instruction, index}
<div class="my-2">
<h3 class="text-md font-semibold">{index + 1}. {instruction.name}</h3>
<pre class="mx-2 mt whitespace-pre-wrap">{instruction.description}
</pre>
</div>
{/each}
</div>
</div>