From 14c1d9df1552de86c597e6f2bf92be05f4a28733 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Sun, 7 Dec 2025 06:28:06 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=8B=20Add=20copy-to-clipboard=20featur?=
 =?UTF-8?q?e=20for=20service=20URLs:=20Enhance=20user=20experience=20by=20?=
 =?UTF-8?q?allowing=20easy=20copying=20of=20clearnet,=20onion,=20I2P,=20an?=
 =?UTF-8?q?d=20pkdns=20links.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/livewire/services/index.blade.php   | 84 ++++++++++++-------
 1 file changed, 56 insertions(+), 28 deletions(-)

diff --git a/resources/views/livewire/services/index.blade.php b/resources/views/livewire/services/index.blade.php
index 88b957b..451cab2 100644
--- a/resources/views/livewire/services/index.blade.php
+++ b/resources/views/livewire/services/index.blade.php
@@ -107,40 +107,68 @@ class extends Component {
                     <flux:table.cell>
                         <div class="flex flex-col gap-1">
                             @if($service->url_clearnet)
-                                <flux:tooltip content="{{ $service->url_clearnet }}">
-                                    <flux:link :href="$service->url_clearnet" external
-                                               class="text-blue-600 dark:text-blue-400">
-                                        <flux:icon.globe-alt variant="mini" class="inline"/>
-                                        Clearnet
-                                    </flux:link>
-                                </flux:tooltip>
+                                <div class="flex items-center gap-2">
+                                    <flux:tooltip content="{{ $service->url_clearnet }}">
+                                        <flux:link :href="$service->url_clearnet" external
+                                                   class="text-blue-600 dark:text-blue-400">
+                                            <flux:icon.globe-alt variant="mini" class="inline"/>
+                                            Clearnet
+                                        </flux:link>
+                                    </flux:tooltip>
+                                    <div x-copy-to-clipboard="'{{ $service->url_clearnet }}'">
+                                        <flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
+                                            {{ __('Copy') }}
+                                        </flux:button>
+                                    </div>
+                                </div>
                             @endif
                             @if($service->url_onion)
-                                <flux:tooltip content="{{ $service->url_onion }}">
-                                    <flux:link :href="$service->url_onion" external
-                                               class="text-purple-600 dark:text-purple-400">
-                                        <flux:icon.lock-closed variant="mini" class="inline"/>
-                                        Onion
-                                    </flux:link>
-                                </flux:tooltip>
+                                <div class="flex items-center gap-2">
+                                    <flux:tooltip content="{{ $service->url_onion }}">
+                                        <flux:link :href="$service->url_onion" external
+                                                   class="text-purple-600 dark:text-purple-400">
+                                            <flux:icon.lock-closed variant="mini" class="inline"/>
+                                            Onion
+                                        </flux:link>
+                                    </flux:tooltip>
+                                    <div x-copy-to-clipboard="'{{ $service->url_onion }}'">
+                                        <flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
+                                            {{ __('Copy') }}
+                                        </flux:button>
+                                    </div>
+                                </div>
                             @endif
                             @if($service->url_i2p)
-                                <flux:tooltip content="{{ $service->url_i2p }}">
-                                    <flux:link :href="$service->url_i2p" external
-                                               class="text-green-600 dark:text-green-400">
-                                        <flux:icon.link variant="mini" class="inline"/>
-                                        I2P
-                                    </flux:link>
-                                </flux:tooltip>
+                                <div class="flex items-center gap-2">
+                                    <flux:tooltip content="{{ $service->url_i2p }}">
+                                        <flux:link :href="$service->url_i2p" external
+                                                   class="text-green-600 dark:text-green-400">
+                                            <flux:icon.link variant="mini" class="inline"/>
+                                            I2P
+                                        </flux:link>
+                                    </flux:tooltip>
+                                    <div x-copy-to-clipboard="'{{ $service->url_i2p }}'">
+                                        <flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
+                                            {{ __('Copy') }}
+                                        </flux:button>
+                                    </div>
+                                </div>
                             @endif
                             @if($service->url_pkdns)
-                                <flux:tooltip content="{{ $service->url_pkdns }}">
-                                    <flux:link :href="$service->url_pkdns" external
-                                               class="text-orange-600 dark:text-orange-400">
-                                        <flux:icon.link variant="mini" class="inline"/>
-                                        pkdns
-                                    </flux:link>
-                                </flux:tooltip>
+                                <div class="flex items-center gap-2">
+                                    <flux:tooltip content="{{ $service->url_pkdns }}">
+                                        <flux:link :href="$service->url_pkdns" external
+                                                   class="text-orange-600 dark:text-orange-400">
+                                            <flux:icon.link variant="mini" class="inline"/>
+                                            pkdns
+                                        </flux:link>
+                                    </flux:tooltip>
+                                    <div x-copy-to-clipboard="'{{ $service->url_pkdns }}'">
+                                        <flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
+                                            {{ __('Copy') }}
+                                        </flux:button>
+                                    </div>
+                                </div>
                             @endif
                             @if($service->ip)
                                 <div class="flex items-center gap-2">