einundzwanzig/einundzwanzig-verein
1
0
Fork 0
mirror of https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git synced 2025-12-14 06:36:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

🛠️ Refactor association profile view: optimize imports and improve formatting.

Browse Source 
➕ Add conditional rendering for recommended Nostr apps section.
🌐 Update UI styles and error messaging.
This commit is contained in:
user
2025-11-20 23:20:14 +01:00
parent 851bab49eb
commit 78f019bc4c
1 changed files with 108 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
resources/views/pages/association/profile.blade.php
View File

@@ -1,21 +1,18 @@
<?php <?php
use Livewire\Volt\Component; use swentel\nostr\Event\Event as NostrEvent;
use swentel\nostr\Filter\Filter; use swentel\nostr\Filter\Filter;
use swentel\nostr\Key\Key;
use swentel\nostr\Message\EventMessage; use swentel\nostr\Message\EventMessage;
use swentel\nostr\Message\RequestMessage; use swentel\nostr\Message\RequestMessage;
use swentel\nostr\Relay\Relay; use swentel\nostr\Relay\Relay;
use swentel\nostr\Relay\RelaySet; use swentel\nostr\Relay\RelaySet;
use swentel\nostr\Request\Request; use swentel\nostr\Request\Request;
use swentel\nostr\Subscription\Subscription;
use swentel\nostr\Event\Event as NostrEvent;
use swentel\nostr\Sign\Sign; use swentel\nostr\Sign\Sign;
use swentel\nostr\Subscription\Subscription;
use WireUi\Actions\Notification; use WireUi\Actions\Notification;
use function Livewire\Volt\{computed, mount, state, with, on, form, updated}; use function Laravel\Folio\{name};
use function Laravel\Folio\{middleware, name}; use function Livewire\Volt\{form, mount, on, state, updated};
name('association.profile'); name('association.profile');
@@ -361,56 +358,70 @@ $loadEvents = function () {
<section> <section>
@if(!$currentPleb)
<div class="space-y-2 mb-12"> <div class="space-y-2 mb-12">
<div class="flex justify-between items-center mb-4"> <div class="flex justify-between items-center mb-4">
<div class="text-xl text-gray-500 dark:text-gray-400 italic">Empfohlene Nostr Login und Signer-Apps</div> <div class="text-xl text-gray-500 dark:text-gray-400 italic">Empfohlene Nostr
Login und Signer-Apps
</div>
</div> </div>
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4"> <div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4">
<div class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2"> <div
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
<!-- Left side --> <!-- Left side -->
<div class="flex items-start space-x-3 md:space-x-4"> <div class="flex items-start space-x-3 md:space-x-4">
<div> <div>
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100" href="https://github.com/greenart7c3/Amber"> <a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
href="https://github.com/greenart7c3/Amber">
Amber Amber
</a> </a>
<div class="text-sm">Perfekt für mobile Android Geräte. Eine App, in der man alle Keys/nsecs verwalten kann.</div> <div class="text-sm">Perfekt für mobile Android Geräte. Eine App, in
der man alle Keys/nsecs verwalten kann.
</div>
</div> </div>
</div> </div>
<!-- Right side --> <!-- Right side -->
<div class="flex items-center space-x-4 pl-10 md:pl-0"> <div class="flex items-center space-x-4 pl-10 md:pl-0">
<div class="text-xs inline-flex font-medium bg-green-500/20 text-green-700 rounded-full text-center px-2.5 py-1"> <div
class="text-xs inline-flex font-medium bg-green-500/20 text-green-700 rounded-full text-center px-2.5 py-1">
Android Android
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4"> <div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4">
<div class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2"> <div
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
<!-- Left side --> <!-- Left side -->
<div class="flex items-start space-x-3 md:space-x-4"> <div class="flex items-start space-x-3 md:space-x-4">
<div> <div>
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100" href="https://addons.mozilla.org/en-US/firefox/addon/alby/"> <a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
href="https://addons.mozilla.org/en-US/firefox/addon/alby/">
Alby - Bitcoin Lightning Wallet & Nostr Alby - Bitcoin Lightning Wallet & Nostr
</a> </a>
<div class="text-sm"> <div class="text-sm">
Browser-Erweiterung in die man seinen Key/nsec eingeben kann. Pro Alby-Konto ein nsec. Browser-Erweiterung in die man seinen Key/nsec eingeben kann.
Pro Alby-Konto ein nsec.
</div> </div>
</div> </div>
</div> </div>
<!-- Right side --> <!-- Right side -->
<div class="flex items-center space-x-4 pl-10 md:pl-0"> <div class="flex items-center space-x-4 pl-10 md:pl-0">
<div class="text-xs inline-flex font-medium bg-yellow-500/20 text-yellow-700 rounded-full text-center px-2.5 py-1"> <div
class="text-xs inline-flex font-medium bg-yellow-500/20 text-yellow-700 rounded-full text-center px-2.5 py-1">
Browser Chrome/Firefox Browser Chrome/Firefox
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4"> <div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4">
<div class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2"> <div
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
<!-- Left side --> <!-- Left side -->
<div class="flex items-start space-x-3 md:space-x-4"> <div class="flex items-start space-x-3 md:space-x-4">
<div> <div>
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100" href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp"> <a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp">
nos2x nos2x
</a> </a>
<div class="text-sm"> <div class="text-sm">
@@ -420,18 +431,21 @@ $loadEvents = function () {
</div> </div>
<!-- Right side --> <!-- Right side -->
<div class="flex items-center space-x-4 pl-10 md:pl-0"> <div class="flex items-center space-x-4 pl-10 md:pl-0">
<div class="text-xs inline-flex font-medium bg-red-500/20 text-red-700 rounded-full text-center px-2.5 py-1"> <div
class="text-xs inline-flex font-medium bg-red-500/20 text-red-700 rounded-full text-center px-2.5 py-1">
Browser Chrome Browser Chrome
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4"> <div class="bg-white dark:bg-gray-800 shadow-sm rounded-xl px-5 py-4">
<div class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2"> <div
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
<!-- Left side --> <!-- Left side -->
<div class="flex items-start space-x-3 md:space-x-4"> <div class="flex items-start space-x-3 md:space-x-4">
<div> <div>
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100" href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/"> <a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/">
nos2x-fox nos2x-fox
</a> </a>
<div class="text-sm"> <div class="text-sm">
@@ -441,13 +455,15 @@ $loadEvents = function () {
</div> </div>
<!-- Right side --> <!-- Right side -->
<div class="flex items-center space-x-4 pl-10 md:pl-0"> <div class="flex items-center space-x-4 pl-10 md:pl-0">
<div class="text-xs inline-flex font-medium bg-amber-500/20 text-amber-700 rounded-full text-center px-2.5 py-1"> <div
class="text-xs inline-flex font-medium bg-amber-500/20 text-amber-700 rounded-full text-center px-2.5 py-1">
Browser Firefox Browser Firefox
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@endif
<div class="flex flex-wrap space-y-2 sm:space-y-0 items-center justify-between"> <div class="flex flex-wrap space-y-2 sm:space-y-0 items-center justify-between">
{{-- https://v.nostr.build/bomfuwLnOTIDrP4y.mp4 --}} {{-- https://v.nostr.build/bomfuwLnOTIDrP4y.mp4 --}}
@@ -622,7 +638,7 @@ $loadEvents = function () {
class="inline-flex flex-col w-full max-w-lg px-4 py-2 rounded-lg text-sm bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700/60 text-gray-600 dark:text-gray-400"> class="inline-flex flex-col w-full max-w-lg px-4 py-2 rounded-lg text-sm bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700/60 text-gray-600 dark:text-gray-400">
<div class="flex w-full justify-between items-start"> <div class="flex w-full justify-between items-start">
<div class="flex"> <div class="flex">
<svg class="shrink-0 fill-current text-yellow-500 mt-[3px] mr-3" <svg class="shrink-0 fill-current text-green-500 mt-[3px] mr-3"
width="16" width="16"
height="16" viewBox="0 0 16 16"> height="16" viewBox="0 0 16 16">
<path <path
@@ -695,7 +711,9 @@ $loadEvents = function () {
class="btn dark:bg-gray-800 border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 text-amber-500" class="btn dark:bg-gray-800 border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 text-amber-500"
> >
<i class="fa-sharp-duotone fa-solid fa-user-helmet-safety mr-2"></i> <i class="fa-sharp-duotone fa-solid fa-user-helmet-safety mr-2"></i>
Unser Nostr-Relay konnte derzeit nicht erreicht werden, um eine Zahlung zu initialisieren. Bitte versuche es später noch einmal. Unser Nostr-Relay konnte derzeit nicht erreicht
werden, um eine Zahlung zu initialisieren. Bitte
versuche es später noch einmal.
</button> </button>
</div> </div>
@endif @endif